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();

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

相关内容

热门资讯

黑科技工具(聚星扑克德州)wp... 黑科技工具(聚星扑克德州)wpk德州往昔是有挂!太夸张了原先是有挂(2022已更新)(哔哩哔哩);聚...
黑科技辅助挂(微扑克脚本)wp... 1、黑科技辅助挂(微扑克脚本)wpk俱乐部切实存在有挂!太离谱了都是真的是有挂(2022已更新)(哔...
黑科技软件(德州ai人工智能)... 黑科技软件(德州ai人工智能)AaPOKER好像有挂!太嚣张了一贯存在有挂(2025已更新)(哔哩哔...
黑科技辅助挂挂(Wepoke修... 黑科技辅助挂挂(Wepoke修改器)WepOke果然存在有挂!太实锤了原本是真的有挂(2025已更新...
黑科技辅助挂挂(wpk辅助器)... 黑科技辅助挂挂(wpk辅助器)aapOKER最初是有挂!太嚣张了从来有挂(2020已更新)(哔哩哔哩...
黑科技好友房(Wepoke中牌... 黑科技好友房(Wepoke中牌率)微扑克私人局本然真的有挂!太实锤了总是有挂(2021已更新)(哔哩...
黑科技线上(新Wepoke)微... 黑科技线上(新Wepoke)微扑克德州一直真的是有挂!太夸张了原来真的有挂(2023已更新)(哔哩哔...
黑科技辅助挂(Wepoke模拟... 黑科技辅助挂(Wepoke模拟器)德州原来有挂!太离谱了从前有挂(2024已更新)(哔哩哔哩);(需...
黑科技能赢(WPK脚本)微扑克... 1、黑科技能赢(WPK脚本)微扑克软件固有存在有挂!太嚣张了一贯真的是有挂(2020已更新)(哔哩哔...
黑科技安装(wpk线上德州俱乐... 黑科技安装(wpk线上德州俱乐部)WPk先前真的是有挂!太实锤了往昔有挂(2021已更新)(哔哩哔哩...