Apexcharts堆叠图与线条的问题
创始人
2024-11-10 02:00:35
0

这个问题通常出现在 Apexcharts 图表使用 type: 'bar' 时。它会使得堆叠图和线条无法正确地对齐。我们可以通过以下方式解决:

  1. 使用 type: 'line' 代替 type: 'bar'

例如:

new ApexCharts(document.querySelector('#chart'), {
  series: [{
    name: 'Series A',
    data: [30, 40, 25, 50, 49, 21, 70, 51, 42, 20]
  }, {
    name: 'Series B',
    data: [23, 12, 54, 61, 32, 56, 81, 19, 33, 55]
  }],
  chart: {
    type: 'line'
  },
  ...其他选项
}).render();
  1. 如果您必须使用 type: 'bar',则可以将 stacked: true 添加到图表选项中。

例如:

new ApexCharts(document.querySelector('#chart'), {
  series: [{
    name: 'Series A',
    data: [30, 40, 25, 50, 49, 21, 70, 51, 42, 20]
  }, {
    name: 'Series B',
    data: [23, 12, 54, 61, 32, 56, 81, 19, 33, 55]
  }],
  chart: {
    type: 'bar',
    stacked: true
  },
  ...其他选项
}).render();

相关内容

热门资讯

德州ai辅助软件!wepoke... 德州ai辅助软件!wepoke辅助技巧,(wePoke)确实真的有挂,存在挂教程(有挂攻略)1、打开...
透视智能ai!德普之星辅助正版... 透视智能ai!德普之星辅助正版,aapoker透视脚本,发现玩家(有挂透明);1、透视智能ai!德普...
wpk有外挂!微扑克ai辅助,... wpk有外挂!微扑克ai辅助,(wEPOKE)好像是有挂,必赢教程(有挂解密);1、每一步都需要思考...
透视模拟器!德普之星透视辅助软... 透视模拟器!德普之星透视辅助软件下载,wpk透视脚本链接,攻略讲解(有挂技巧)所有人都在同一条线上,...
德州微扑克辅助!aapoker... 德州微扑克辅助!aapoker俱乐部,(wePoke)果然真的有挂,我来教教你(有挂脚本)一、德州微...
透视ai代打!wepoker辅... 透视ai代打!wepoker辅助器怎么用,hhpoker辅助软件,必备辅助推荐(有挂总结);1、首先...
aapoker俱乐部!德扑数据... aapoker俱乐部!德扑数据软件,(wePOke)果然真的有挂,软件教程(有挂规律);1、该软件可...
透视计算!wpk辅助器是真的吗... 透视计算!wpk辅助器是真的吗,aapoker辅助器是真的吗,让我来分享经验(有挂黑科技)1、许多玩...
智星德州菠萝!WePoKe透明... 智星德州菠萝!WePoKe透明挂,(wePOke)竟然是有挂,科技教程(有挂技巧);暗藏猫腻,小编详...
透视能赢!智星德州辅助译码插件... 透视能赢!智星德州辅助译码插件靠谱吗,wepoekr底牌透视,解密关于(有挂了解)1)辅助挂:进一步...