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分析,wejoker辅助软件价格(详细到底是挂了)1、下载好wejoker辅...
透视安卓版!aapoker透视... 透视安卓版!aapoker透视脚本下载(透视)aapoker免费透视脚本,必赢方法(有挂规律)1、实...
透视玄学!wepoker可以开... 透视玄学!wepoker可以开透视吗,wepoker免费脚本(详细作弊方法)1、wepoker可以开...
透视ai代打!aapoker脚... 透视ai代打!aapoker脚本(透视)aapoker脚本怎么用,玩家教你(有挂脚本)1)aapok...
透视ai代打!wepoker辅... 透视ai代打!wepoker辅助器下载,wepoker亲友圈有用吗(详细可以破解游戏)1、透视ai代...
透视ai!aapoker真的假... 透视ai!aapoker真的假的(透视)aapoker怎么设置抽水,细节揭秘(有挂解密)1、操作简单...
透视代打!wepoker破解器... 透视代打!wepoker破解器有用吗,wepoker怎么增加运气(详细轻量版透视系统);wepoke...
透视总结!aapoker破解侠... 透视总结!aapoker破解侠是真的吗(透视)aapoker怎么控制牌,微扑克教程(有挂介绍)1、上...
透视教学!wepoker怎么提... 透视教学!wepoker怎么提高运气,wejoker辅助器怎么卖(详细开挂)一、wejoker辅助器...
透视线上!aapoker怎么设... 透视线上!aapoker怎么设置抽水(透视)aapoker辅助器是真的吗,技巧教程(有挂技巧)1、完...