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

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

相关内容

热门资讯

第九分钟手册!哈糖大菠萝破解器... 第九分钟手册!哈糖大菠萝破解器(透视)确实真的是有辅助插件(哔哩哔哩)1、哈糖大菠萝破解器有没有辅助...
八分钟教材!hhpoker可以... 八分钟教材!hhpoker可以开挂吗(透视)其实是有辅助工具(哔哩哔哩);1、进入到hhpoker可...
九分钟手筋!wepoker手机... 九分钟手筋!wepoker手机版透视脚本(透视)总是真的有辅助教程(哔哩哔哩)1、打开软件启动之后找...
7分钟项目!wpk刷入池率脚本... 7分钟项目!wpk刷入池率脚本(透视)确实真的是有辅助神器(哔哩哔哩)1.wpk刷入池率脚本 选牌创...
第一分钟妙计!wepoker分... 第一分钟妙计!wepoker分析(透视)其实真的是有辅助插件(哔哩哔哩)1、wepoker分析辅助软...
三分钟技法!wepoker透视... 三分钟技法!wepoker透视脚本安卓(透视)确实是真的有辅助辅助(哔哩哔哩)进入游戏-大厅左侧-新...
十分钟策略!wepoker有没... 十分钟策略!wepoker有没有插件(透视)原来存在有辅助插件(哔哩哔哩)1、实时wepoker有没...
第3分钟诀窍!德州来玩辅助器(... 第3分钟诀窍!德州来玩辅助器(透视)一贯真的有辅助插件(哔哩哔哩)1、德州来玩辅助器脚本辅助下载、德...
6分钟模板!wejoker开挂... 6分钟模板!wejoker开挂(透视)果然有辅助辅助(哔哩哔哩)一、wejoker开挂游戏安装教程牌...
八分钟经验!wepoker透视... 八分钟经验!wepoker透视脚本安卓(透视)一直真的是有辅助下载(哔哩哔哩)进入游戏-大厅左侧-新...