C3Js图形x轴显示在图形外部

Question

当我放大和/或向右或向左滑动图形内容时，X轴标签将移动到图形的左侧。

在此图像上，您可以看到标签（05.08）位于左侧。

有没有办法防止这种丑陋的显示错误？

Answer 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/