| | |
| | | this.chart = echarts.init(this.$el, 'macarons') |
| | | |
| | | this.chart.setOption({ |
| | | title: { |
| | | text: '工位堵塞Top5', // 标题文本 |
| | | left: 'center' // 标题位置 |
| | | }, |
| | | tooltip: { |
| | | trigger: 'item', |
| | | formatter: '{a} <br/>{b} : {c} ({d}%)' |
| | | }, |
| | | // textStyle |
| | | legend: { |
| | | left: 'center', |
| | | bottom: '10', |
| | | data: ['Industries', 'Technology', 'Forex', 'Gold', 'Forecasts'] |
| | | orient: 'vertical', |
| | | |
| | | left: 'left', |
| | | // left: 'center', |
| | | // bottom: '10',//左侧高度 |
| | | data: ['OP460', 'OP090', 'OP660', 'OP650', 'OP730'] |
| | | }, |
| | | series: [ |
| | | { |
| | | name: 'WEEKLY WRITE ARTICLES', |
| | | type: 'pie', |
| | | roseType: 'radius', |
| | | radius: [15, 95], |
| | | center: ['50%', '38%'], |
| | | // roseType: 'radius',//更改样式 |
| | | radius: '50%', |
| | | // labelLine: { |
| | | // length: 10 // 调整标签线的长度 |
| | | // }, |
| | | center: ['50%', '60%'], |
| | | data: [ |
| | | { value: 320, name: 'Industries' }, |
| | | { value: 240, name: 'Technology' }, |
| | | { value: 149, name: 'Forex' }, |
| | | { value: 100, name: 'Gold' }, |
| | | { value: 59, name: 'Forecasts' } |
| | | { value: 5, name: 'OP460' }, |
| | | { value: 9, name: 'OP090' }, |
| | | { value: 5, name: 'OP660' }, |
| | | { value: 5, name: 'OP650' }, |
| | | { value: 7, name: 'OP730' } |
| | | ], |
| | | label: { |
| | | formatter: '{b}: {c} ({d}%)' |
| | | }, |
| | | animationEasing: 'cubicInOut', |
| | | animationDuration: 2600 |
| | | } |