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

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

相关内容

热门资讯

一分钟教会你!hhpoker有... 一分钟教会你!hhpoker有没有辅助,hhpoker德州透视挂,透明挂教程(有挂软件);玩家必备必...
发现玩家!德普软件,佛手大菠萝... 发现玩家!德普软件,佛手大菠萝辅助,wpk教程(有挂软件)是一款可以让一直输的玩家,快速成为一个“必...
新手必备!菠萝辅助器免费版的功... 新手必备!菠萝辅助器免费版的功能介绍,wepoker有辅助器吗,扑克教程(有挂教程);玩家必备必赢加...
一分钟了解!德普之星透视辅助插... 一分钟了解!德普之星透视辅助插件,epoker免费透视脚本,解密教程(有挂攻略);玩家必备必赢加哟《...
热点讨论!德州局hhpoker... 热点讨论!德州局hhpoker,约局吧如何查看是否有挂,教你教程(有挂神器);支持多人共享记分板与复...
一分钟了解!德普之星的辅助工具... 一分钟了解!德普之星的辅助工具介绍,线上德州的辅助器是什么,2025新版总结(有挂神器);支持多人共...
一秒答解!wepoker的辅助... 1、一秒答解!wepoker的辅助器,wepoker轻量版有透视吗,玩家教你(有挂透视)。2、wep...
热点推荐!wejoker辅助软... 热点推荐!wejoker辅助软件视频,hhpoker是真的还是假的,黑科技教程(有挂教程);原来确实...
新手必备!德普之星透视辅助插件... 1、新手必备!德普之星透视辅助插件,wepokerplus开挂,攻略教程(有挂辅助)(UU poke...
总算了解!wpk免费辅助,aa... 总算了解!wpk免费辅助,aapoker辅助器是真的吗,大神讲解(有挂技巧)科技教程也叫必备教程,这...