2

で困っていchartist.jsます。y-axisグリッド線の間隔を40px.(現在 36px) で調整したい 既にいくつかの例を見つけようとしましたが、できませんでした。

.ct-grids line {
  stroke: #fff;
  opacity: .05;
  stroke-dasharray: none;
}

これは、グリッドの現在のスタイルです。

var data = {
  labels: ['JAN 1', 'JAN 18', 'FEB 14', 'MAR 9', 'APR 22', 'May 2'],
  series: [
  [40.8, 46.5, 48.8, 56.9, 68.7, 72.7],
  [12.8, 13.7, 13.9, 14.8, 15.3, 15.6],
  [5.2, 3.8, 4.2, 5, 3.9, 4.3],
  [1.2, 1.8, 1.7, 2.1, 1.8, 1.9]
  ]
};

var options = {
   showPoint: false,
   lineSmooth: false,
   axisX: {
        showGrid: false,
        showLabel: false
    },
    axisY: {
        offset: 0,
        showGrid: true,
        showLabel: false
    }
};

var chart = new Chartist.Line('.ct-chart', data, options);

ご存知でしたら教えてください。ありがとう。

4

2 に答える 2

5

axisYこのようにオプションを変更してください。

options = {
    axisY: {
        offset: 0,
        scaleMinSpace: 40
        showGrid: true,
        showLabel: false
    }
}

詳細については、https://gionkunz.github.io/chartist-js/api-documentation.htmlを参照してください。

于 2017-03-07T16:09:17.667 に答える
1

オプションを使用するscaleMinSpaceとうまくいきましたaxisY

options = {
    axisY: {
         scaleMinSpace: 40
    }
}
于 2016-11-17T04:29:03.677 に答える