Apexcharts:是否可以创建“分组”饼图?
创始人
2024-11-10 03:00:28
0

可以使用Apexcharts的“多级”饼图选项来实现分组饼图。

代码示例:

HTML:

JavaScript:

var options = {
  series: [44, 55, 41, 17, 15],
  labels: ['A', 'B', 'C', 'D', 'E'],
  chart: {
    width: 380,
    type: 'pie',
  },
  dataLabels: {
    enabled: false
  },
  legend: {
    formatter: function(val, opts) {
      return val + " - " + opts.w.globals.series[opts.seriesIndex]
    }
  },
  plotOptions: {
    pie: {
      expandOnClick: false,
      donut: {
        size: '85%',
      }
    }
  },
  tooltip: {
    y: {
      formatter: function(val) {
        return val + " - " + Math.round(val / 100 * 100) + "%"
      }
    }
  }
};

var chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();

在这个例子中,我们将不同的类别按照它们所属的组分组,并将该组中的所有类别表示为一个单独的“多级饼图”。

相关内容

热门资讯

aapoker外 挂!aapo... aapoker外 挂!aapoker有手游版吗,(aapokEr)其实是有挂,详细教程(有挂教学)1...
透视安装!pokermaste... 透视安装!pokermaster修改器,pokemmo免费脚本(确实真的是有挂)进入游戏-大厅左侧-...
aapoker猫腻!线上德州a... aapoker猫腻!线上德州aapoker透明挂,(aapokeR)一直有挂,详细教程(有挂攻略)科...
透视好友房!红龙poker辅助... 透视好友房!红龙poker辅助器免费观看,werplan怎么透视(一直真的有挂);1、红龙poker...
aapoker发牌机制!aap... aapoker发牌机制!aapoker辅助工具下载,(AAPOkER)总是存在有挂,详细教程(有挂黑...
透视代打!佛手在线大菠萝辅助,... 透视代打!佛手在线大菠萝辅助,大菠萝免费辅助(确实有挂)1、进入到佛手在线大菠萝辅助黑科技之后,能看...
aapoker辅助!aa扑克有... aapoker辅助!aa扑克有外挂吗,(aapokeR)一贯是真的有挂,详细教程(有挂辅助挂);aa...
透视有挂!智星菠萝有挂吗,佛手... 透视有挂!智星菠萝有挂吗,佛手在线是不是有挂(竟然是有挂)1、进入游戏-大厅左侧-新手福利-激活码辅...
aapoker俱乐部!德州aa... 1、aapoker俱乐部!德州aa poker有外挂吗,(AAPOKER)好像是真的有挂,详细教程(...
透视数据!菠萝辅助器免费版的特... 透视数据!菠萝辅助器免费版的特点,智星德州插件(都是存在有挂)1、进入到菠萝辅助器免费版的特点黑科技...