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

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

相关内容

热门资讯

值得注意的是!wepoker辅... 值得注意的是!wepoker辅助软件视频(透视)竟然真的有辅助插件(有挂方针)-哔哩哔哩wepoke...
无独有偶!wepoker私人局... 无独有偶!wepoker私人局辅助挂(透视)总是是有辅助工具(发现有挂)-哔哩哔哩1.wepoker...
透视好友房!pokernow辅... 透视好友房!pokernow辅助工具(透视)原来真的是有辅助app(有挂技术)-哔哩哔哩1、poke...
据通报!wepoker数据分析... 据通报!wepoker数据分析(透视)确实有辅助插件(有挂技术)-哔哩哔哩1、起透看视 wepoke...
今天上午!wepoker免费辅... 今天上午!wepoker免费辅助器(透视)一直真的有辅助下载(有挂规律)-哔哩哔哩1、下载好wepo...
透视ai代打!wepoker游... 透视ai代打!wepoker游戏下载(透视)一直是真的辅助安装(有挂秘诀)-哔哩哔哩透视ai代打!w...
今天下午!wepoker有没有... 今天下午!wepoker有没有机器人(透视)本来是真的辅助平台(有挂分析)-哔哩哔哩1、wepoke...
有了最新消息!aapoker公... 有了最新消息!aapoker公共底牌(透视)一直存在有辅助插件(有挂方针)-哔哩哔哩1、进入游戏-大...
透视实锤!德州局透视脚本免费版... 透视实锤!德州局透视脚本免费版下载手机版(透视)竟然真的有辅助插件(有挂方法)-哔哩哔哩一、德州局透...
透视私人局!uupoker透视... 透视私人局!uupoker透视(透视)一直真的有辅助工具(真是有挂)-哔哩哔哩1、首先打开uupok...