烛台 ApexChart 中无法控制的宽度/缩进

Question

我正在使用 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
  }
};

Answer 1

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

xaxis: {
  tickPlacement: 'between'
}

烛台 ApexChart 中无法控制的宽度/缩进

Uncontrollable width / indentation of bars in candlestick ApexChart

width

candlestick-chart

apexcharts