ECharts实现环状图示例

代码示例：

$(document).ready(function () {
  var myChart2 = echarts.init(document.getElementById("container-one-content2"));
  // 123456热线
  var option2 = {
    tooltip: {
      trigger: 'item',
      formatter: '{a} <br/>{b}: {c} ({d}%)'
    },
    legend: {
      orient: 'horizontal',
      bottom: 0,
      data: ['咨询', '求助', '建议', '感谢', '投诉', "举报"]
    },
    series: [
      {
        name: '问题类型',
        type: 'pie',
        radius: ['20%', '30%'],
        center: ["50%", "40%"], 
        avoidLabelOverlap: false,
        label: {
          position: "outside"
        },
        labelLine: {
          show: true
        },
        data: [
          { value: 27, name: '建议' },
          { value: 3, name: '感谢' },
          { value: 48, name: '咨询' },
          { value: 1, name: '投诉' },
          { value: 20, name: '求助' },
          { value: 1, name: '举报' }
        ]
      }
    ]
  };

  // 使用刚指定的配置项和数据显示图表。
  myChart2.setOption(option2);

});

效果图：