
let myChart = echarts.init(document.getElementById(“twoEcharts”));
var data= [
{name:”北一集司”,value:47},
{name:”北二集司”,value:42},
{name:”北三集司”,value:37},
{name:”梅东公司”,value:65},
{name:”镇司”,value:15},
{name:”矿石”,value:14},
{name:”甬舟”,value:20},
{name:”鼠浪湖”,value:33},
{name:”其他”,value:1}
];
let option = {
color: [ ‘#F9CA3C’, ‘#1494ff’, ‘#1a5bff’, ‘#00e437’,’#ffea01’, ‘#ff8b4e’, ‘#ce8ce7’, ‘#bd0bb4’],
toolbox: {
show : true,
},<br /> title: {<br /> text: "各单位垃",<br /> subtext: '圾点位数',<br /> textStyle: {<br /> color: '#f2f2f2',<br /> fontSize: 14,<br /> fontWeight: 400,<br /> },<br /> subtextStyle: {<br /> fontSize: 14,<br /> color: ['#f2f2f2'],},<br /> x: '16.5%',<br /> y: '40%',<br /> },<br /> legend: {<br /> _// type:"scroll",<br /> _orient: 'vertical',<br /> left:'60%',<br /> align:'left',<br /> top:'5%',<br /> icon: 'circle',<br /> width: "30%",<br /> itemGap: 10,<br /> itemHeight: 7,<br /> textStyle: {<br /> fontSize: 13,<br /> color: '#52ffff',<br /> rich: {<br /> name: {<br /> color: '#a9d2ff',<br /> align: 'left',__ _},<br /> value: {<br /> color: '#52ffff',<br /> align: 'right',<br /> },<br /> }<br /> },<br /> formatter(name) {<br /> let data = option.series[0].data;<br /> let value = '';<br /> for (let i = 0; i < data.length; i++) {<br /> if (data[i].name == name) {<br /> value = data[i].value;<br /> break;<br /> }<br /> }__ _return '{name|' + name + ' | }{value|' + value + '个}';<br /> }<br /> },<br /> graphic:{ _//图形中间图片<br /> _elements: [{<br /> type: 'image',<br /> style: {<br /> image: "/img/haishangyiqing/mian/echarts.png",_//你的图片地址<br /> _width: 100,<br /> height: 100<br /> },<br /> left: '12%',<br /> top: '28%'<br /> }]<br /> },<br /> series : [<br /> {<br /> _// name:'',<br /> _type:'pie',<br /> radius : ['45%', '70%'],<br /> center: ['25%', '50%'],<br /> label: {<br /> show: false,<br /> position: 'center'<br /> },<br /> labelLine: {<br /> show: false<br /> },<br /> itemStyle: {<br /> borderRadius: 5,<br /> borderColor: '#212534',<br /> borderWidth: 4<br /> },<br /> data:data<br /> }<br /> ]<br />};<br />myChart.setOption(option);<br />$(window).resize(myChart.resize);
