你的位置:首页 > Java教程

[Java教程]echart标准饼图配置解读


 

echart标准饼图基本配置demo

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title></title>  <script src="jquery-1.11.3.min.js"></script>  <script src="echarts.simple.min.js"></script>    <style type="text/css">  </style></head><body><div id="main" style="width:500px;height:500px;"></div><script>  var myChart = echarts.init(document.getElementById('main'));      var option = {    title : {      text: '各工区安器具配备总量',      x:'center'    },    tooltip : {      trigger: 'item',      formatter: "{a} <br/>{b} : {c} ({d}%)"    },    legend: {      orient: 'vertical',      left: 'left',      data: []    },    series : [      {        name: '访问',        type: 'pie',        radius : '62%',        center: ['50%', '65%'],        minAngle:'15',        data:[],        itemStyle: {          normal:{            label:{              show:true,              formatter: "{b} :\n {c} \n ({d}%)",              position:"inner"            }          }        }      }    ],    itemStyle: {      normal:{        label:{          show:true,          formatter: "{b} :\n {c} \n ({d}%)",          position:"inner"        }      }    }  };  myChart.setOption(option);</script></body></html>