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