ÎļþÃû´Ó CodeManagement/BigScreenVue/src/components/echart/centerLeft/centerLeft3Chart/chart.vue ÐÞ¸Ä |
| | |
| | | <div> |
| | | <Echart |
| | | :options="options" |
| | | id="centreLeft3Chart" |
| | | id="centreLeft1Chart" |
| | | height="220px" |
| | | width="260px" |
| | | width="360px" |
| | | ></Echart> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import Echart from '@/common/echart' |
| | | import * as echarts from 'echarts'; |
| | | export default { |
| | | data () { |
| | | return { |
| | |
| | | }; |
| | | }, |
| | | components: { |
| | | Echart, |
| | | echarts, |
| | | }, |
| | | props: { |
| | | cdata: { |
| | |
| | | color: [ |
| | | "#37a2da", |
| | | "#32c5e9", |
| | | "#ccc", |
| | | "#9fe6b8", |
| | | "#ffdb5c", |
| | | "#ff9f7f", |
| | | "#fb7293", |
| | | "#e7bcf3", |
| | | "#8378ea" |
| | | ], |
| | | legend:{ |
| | | textStyle:{ |
| | | color:"#ffffff", |
| | | fontSize:18 |
| | | } |
| | | }, |
| | | tooltip: { |
| | | trigger: "item", |
| | | formatter: "{a} <br/>{b} : {c} ({d}%)" |
| | |
| | | }, |
| | | series: [ |
| | | { |
| | | name: "è´§ä½ç¶æ", |
| | | name: "éè¿çç»è®¡", |
| | | type: "pie", |
| | | radius: [10, 50], |
| | | // roseType: "area", |
| | | center: ["50%", "40%"], |
| | | radius: [20, 60], |
| | | roseType: "area", |
| | | center: ["50%", "50%"], |
| | | data: newData.seriesData |
| | | } |
| | | ] |