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/