ApexCharts:分组堆叠柱状图子类别命名
创始人
2024-11-10 03:00:24
0

要在ApexCharts中对分组堆叠柱状图的子类别进行命名,可以使用categories选项来定义每个子类别的名称。下面是一个示例代码:

var options = {
  chart: {
    type: 'bar',
    stacked: true,
    height: 350,
    width: '100%',
  },
  plotOptions: {
    bar: {
      horizontal: false,
    },
  },
  series: [{
    name: 'Series 1',
    data: [44, 55, 41, 67, 22, 43, 21],
  }, {
    name: 'Series 2',
    data: [13, 23, 20, 8, 13, 27, 33],
  }, {
    name: 'Series 3',
    data: [11, 17, 15, 15, 21, 14, 16],
  }],
  xaxis: {
    categories: ['A', 'B', 'C', 'D', 'E', 'F', 'G'],
    labels: {
      show: true,
    },
  },
};

var chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();

在上面的代码中,categories选项用于定义每个子类别的名称,可以根据实际情况进行修改。这样,分组堆叠柱状图的子类别就会以定义的名称显示出来。

相关内容

热门资讯

十分钟举措!中至赣州小程序有没... 十分钟举措!中至赣州小程序有没有辅助,神兽h5平台反杀(辅助)都是是真的安装(哔哩哔哩)1、超多福利...
第五分钟教程书!新518互游脚... 第五分钟教程书!新518互游脚本,蛮王大厅辅助插件(辅助)一直真的有辅助(哔哩哔哩)1、金币登录送、...
七分钟方案!天天爱消除辅助教程... 七分钟方案!天天爱消除辅助教程,来来拼十辅助免费下载(辅助)一贯是真的平台(哔哩哔哩)1、任何来来拼...
第8分钟演示!贰柒拾手机辅助,... 第8分钟演示!贰柒拾手机辅助,道游互娱透视辅助截图(辅助)其实是真的脚本(哔哩哔哩)1.道游互娱透视...
第6分钟机巧!泸州大贰攻略,财... 第6分钟机巧!泸州大贰攻略,财神十三章安装包(辅助)真是真的是有平台(哔哩哔哩)1、玩家可以在财神十...
2分钟演示!多乐找刺激技巧辅助... 2分钟演示!多乐找刺激技巧辅助,新二号辅助软件多少钱(辅助)好像是真的工具(哔哩哔哩)1、进入到新二...
第六分钟学习!微乐小程序辅助器... 第六分钟学习!微乐小程序辅助器出租,新老夫子较二八年(辅助)切实存在有辅助(哔哩哔哩)1、操作简单,...
十分钟指南书!威信茶馆解码器,... 十分钟指南书!威信茶馆解码器,随意玩正版房卡有开挂(辅助)原来是有辅助器(哔哩哔哩)1、每一步都需要...
五分钟讲义!潮汕娱手机暗宝透视... 五分钟讲义!潮汕娱手机暗宝透视,随意玩第三方辅助(辅助)竟然真的有平台(哔哩哔哩)1、超多福利:超高...
三分钟手册!越乡游辅助脚本,新... 三分钟手册!越乡游辅助脚本,新518互娱脚本下载(辅助)好像存在有下载(哔哩哔哩)新518互娱脚本下...