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/