时间戳

首页 > 解决方案 > 烛台 ApexChart 中条形不可控制的宽度/缩进

width - 烛台 ApexChart 中条形不可控制的宽度/缩进

问题描述

我正在使用ApexchartJS库。

是否可以在烛台图表的单独蜡烛条之间设置蜡烛宽度或缩进大小？

现在我有两个条相互重叠。

请查看CodePen： https ://codepen.io/yura_bezhentsev/pen/abOGGZo

这是我的选项配置：

const options = {
  series: [{
    data: [
      {
        x: 'First',
        y: [6630, 6660, 6623, 6650]
      },
      {
        x: 'Second',
        y: [6650, 6663, 6623, 6630]
      },
      {
        x: 'Third',
        y: [6630, 6660, 6623, 6650]
      }
    ]
  }],
  chart: {
    type: 'candlestick',
    height: 400
  },
  xaxis: {
    type: 'category',
    min: 0,
    max: 4
  }
};

标签： widthcandlestick-chartapexcharts

解决方案

当存在少量蜡烛时，它看起来像 ApexCharts 中的错误。一个小的解决方法是设置tickPlacement属性（虽然你会失去缩放的能力）

xaxis: {
  tickPlacement: 'between'
}

推荐阅读