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

相关内容

热门资讯

七分钟了解(悟空德州黑桃A)外... 您好:悟空德州黑桃A这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特...
6分钟了解(we辅助poker... 6分钟了解(we辅助poker德之星)外挂透明挂辅助科技(透视)科技教程(2026已更新)(哔哩哔哩...
第三分钟了解(德州wpk)外挂... 第三分钟了解(德州wpk)外挂智能ai辅助代打(透视)安装教程(2024已更新)(哔哩哔哩);德州w...
八分钟了解(线上德州有后台)外... 八分钟了解(线上德州有后台)外挂透明挂辅助器(透视)曝光教程(2020已更新)(哔哩哔哩);1、点击...
第九分钟了解(约局互娱)软件透... 第九分钟了解(约局互娱)软件透明挂辅助app(透视)科技教程(2021已更新)(哔哩哔哩)相信很多朋...
第四分钟了解(wpk发牌)外挂... 第四分钟了解(wpk发牌)外挂透明挂辅助ai(透视)wepoke教程(2021已更新)(哔哩哔哩)是...
第3分钟了解(微扑克wpk)外... 第3分钟了解(微扑克wpk)外挂智能ai辅助app(透视)2025新版总结(2025已更新)(哔哩哔...
第3分钟了解(德扑)外挂智能a... 第3分钟了解(德扑)外挂智能ai辅助插件(透视)扑克教程(2021已更新)(哔哩哔哩);德扑中的10...
七分钟了解(Wepoke打法)... 七分钟了解(Wepoke打法)外挂智能ai辅助器(透视)教你攻略(2021已更新)(哔哩哔哩);1、...
第五分钟了解(德扑助手)外挂辅... 第五分钟了解(德扑助手)外挂辅助插件安装挂(透视)AA德州教程(2025已更新)(哔哩哔哩);德扑助...