饼图（用ECharts绘制）

目录

常见效果

显示数值            label.formatter

圆环       设置两个半径radius:[50%, 70%] (百分比参照的是容器宽度和高度中较小的那一个的一半)

南丁格尔图        roseType:'radius'

//其它代码和上面一样
var option = {
        series: [
          {
            type: 'pie',
            data: pieData,
            label: {
              show: true,
              formatter: function(arg) {
                return arg.name + '平台' + arg.value + '元\n' + arg.percent + '%'
              }
            },
            roseType:'radius',
          }
        ]
      }

 

选中效果

选中模式        selectedMode: single(点中某一块可偏移，但只能实现偏移一块)

                      selectedMode: multiple（可偏移多块）

选中偏移量     selectedOffset: 30  

//其它代码和上面一样
var option = {
        series: [
          {
            type: 'pie',
            data: pieData,
            label: {
              show: true,
              formatter: function(arg) {
                return arg.name + '平台' + arg.value + '元\n' + arg.percent + '%'
              }
            },
            selectedMode: 'multiple',    //'single'
            selectedOffset: 30,
          }
        ]
      }