Неконтролируемая ширина / отступ баров в свече 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
  }
};

candlestick-chart width apexcharts
person Yura Bezhentsev    schedule 16.03.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Это похоже на ошибку в ApexCharts, когда присутствует небольшое количество свечей. Небольшой обходной путь - установить свойство tickPlacement (хотя вы потеряете возможность масштабирования)

xaxis: {
  tickPlacement: 'between'
}
person junedchhipa    schedule 17.03.2020
comment
Спасибо. Ничего страшного, если вы не используете аннотации. В противном случае координата X аннотации будет потеряна. { x: 4, // will force move to x=0 position y: 20, marker: {…} } - person Yura Bezhentsev; 17.03.2020