Chartjs-自定义y轴范围

时间:2018-10-27 08:00:42

标签: javascript chart.js chartjs-2.6.0

我想将自定义y轴范围添加到chartjs。目前它是自动选择的。我的数据范围太大,因此 min和max 无法正常工作,在这种情况下,大多数项目都不可见。

Sample Data

我想添加一些自定义的y轴范围,例如

Range Required

请给我一些建议。

1 个答案:

答案 0 :(得分:0)

我可以通过以下配置来解决此问题。

yAxes: [{
        scaleLabel: {
            display: true,
            labelString: 'LABEL',
        },
        type: 'logarithmic',
        position: 'left',
        ticks: {
             min: 0, //minimum tick
             max: 10000000, //maximum tick
             callback: function (value, index, values) {
                 return Number(value.toString());//pass tick values as a string into Number function
             }
        },
        afterBuildTicks: function (chartObj) { //Build ticks labelling as per your need
            chartObj.ticks = [0,10,100,1000,10000,100000,1000000,10000000];
        }
    }]