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

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

相关内容

热门资讯

普及透视!竞技联盟透视插件!果... 普及透视!竞技联盟透视插件!果然是真的有辅助软件(有挂分享)-哔哩哔哩一、竞技联盟透视插件游戏安装教...
解迷透视!wpk辅助购买,xp... 解迷透视!wpk辅助购买,xpoker辅助助手,演示教程(有挂详情)-哔哩哔哩小薇(辅助器软件下载)...
教你透视!sohoopoker... 教你透视!sohoopoker辅助!都是真的是有辅助脚本(有挂技巧)-哔哩哔哩1、起透看视 soho...
解迷透视!wepoker买脚本... 解迷透视!wepoker买脚本靠谱吗,pokerworld修改器,指南书教程(证实有挂)-哔哩哔哩w...
开挂透视!pokemmo手机版... 开挂透视!pokemmo手机版修改器!原来有辅助软件(有挂辅助)-哔哩哔哩1、打开软件启动之后找到中...
解迷透视!wepoker国外版... 解迷透视!wepoker国外版透视,poker world辅助器,手段教程(真的有挂)-哔哩哔哩1、...
关于透视!pokemmo脚本辅... 关于透视!pokemmo脚本辅助器!真是是真的有辅助神器(有挂技巧)-哔哩哔哩1、该软件可以轻松地帮...
详情透视!拱趴大菠萝有挂吗,哈... 详情透视!拱趴大菠萝有挂吗,哈糖大菠萝怎么挂,指南教程(有挂讲解)-哔哩哔哩1、拱趴大菠萝有挂吗免费...
普及透视!红龙poker辅助平... 普及透视!红龙poker辅助平台!真是真的是有辅助方法(有挂头条)-哔哩哔哩1)红龙poker辅助平...
总结透视!wepoker辅助透... 总结透视!wepoker辅助透视,hhpoker为什么一直输,窍门教程(有挂方略)-哔哩哔哩1、游戏...