| | |
| | | var tubiao22 = document.getElementById("donut-chart"); |
| | | var ceshi = echarts.init(tubiao22); |
| | | var shuzu = []; |
| | | for (var i=0; i<reA_k.length; i++) { |
| | | shuzu[i] = {value:reA_v[i],name:reA_k[i]} |
| | | for (var i = 0; i < reA_k.length; i++) { |
| | | shuzu[i] = { value: reA_v[i], name: reA_k[i] } |
| | | } |
| | | var option; |
| | | option = { |
| | |
| | | }, |
| | | legend: { |
| | | top: '2%', |
| | | left: 'center' |
| | | left: 'center', |
| | | textStyle: { |
| | | color: '#d2d7d7' |
| | | } |
| | | }, |
| | | series: [ |
| | | { |
| | | name: 'Access From', |
| | | name: '工种', |
| | | type: 'pie', |
| | | radius: ['40%', '70%'], |
| | | avoidLabelOverlap: false, |
| | | itemStyle: { |
| | | borderRadius: 10, |
| | | borderColor: '#fff', |
| | | borderWidth: 2 |
| | | }, |
| | | //itemStyle: { |
| | | // borderRadius: 10, |
| | | // borderColor: '#fff', |
| | | // borderWidth: 2 |
| | | //}, |
| | | label: { |
| | | show: false, |
| | | position: 'center' |
| | | }, |
| | | emphasis: { |
| | | label: { |
| | | show: true, |
| | | show: false, |
| | | fontSize: '40', |
| | | fontWeight: 'bold' |
| | | } |
| | |
| | | ] |
| | | }; |
| | | ceshi.setOption(option); |
| | | var timesss = setInterval(quan, 10000); |
| | | function quan() { |
| | | $.ajax({ |
| | | url: "/hxzkoa/setgongzhongnum.do", |
| | | type: "POST", |
| | | dataType: "JSON", |
| | | success(data2) { |
| | | //donut.updateSeries(data2) |
| | | // donut.updateOptions({ |
| | | // series: data2[1], |
| | | // labels: data2[0] |
| | | // }) |
| | | var shuzu2 = []; |
| | | for (var i = 0; i < data2[1].length; i++) { |
| | | shuzu2[i] = { value: data2[1][i], name: data2[0][i] } |
| | | } |
| | | ceshi.setOption({ |
| | | series: [{ |
| | | data: shuzu2 |
| | | }] |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | |
| | | // PolarArea Chart |