График C3Js по оси X отображается вне графика

Метки X-оси перемещаются влево за пределы графика, когда я увеличиваю и / или перемещаю содержимое графиков вправо или влево.

На этом изображении вы видите, что этикетка (05.08) находится снаружи слева.

Есть ли способ предотвратить эту ужасную ошибку дисплея?

1 ответ

Вроде поздний ответ.

Я решил ту же проблему, переопределив основные функции c3 getXAxisClipX и getXAxisClipWidth следующим образом

c3.chart.internal.fn.getXAxisClipX = function() {
  var $$ = this;
  return $$.getAxisClipX(!$$.config.axis_rotated) + Math.max(30, $$.margin.left);
};

c3.chart.internal.fn.getXAxisClipWidth = function() {
  var $$ = this;
  var chartMargin = $$.margin;
  return $$.getAxisClipWidth(!$$.config.axis_rotated) -
    Math.max(30, chartMargin.left) -
    Math.max(30, chartMargin.right);
};

Вот пример https://jsfiddle.net/vhpzma97/

Другие вопросы по тегам