【问题标题】:Setting min and max values chart.js设置最小值和最大值chart.js
【发布时间】:2018-09-27 15:25:05
【问题描述】:

对于我使用 Chart.js 制作的图表,我正在尝试设置最大值。 X 轴的最小值。正如您从下面的代码中看到的,我可以轻松地为 Y 轴设置这些值,但是为 X 设置限制给我带来了麻烦。请帮忙。

请在此处查看 CodePen: Chart.js JS code to draw a graph

myLineChart.options.scales.yAxes[0].ticks.max=20;
myLineChart.options.scales.xAxes[0].ticks.max=20;
myLineChart.update();

【问题讨论】:

    标签: javascript chart.js chart.js2


    【解决方案1】:

    这是因为你在 x 轴上只有 7 个标签。

    如果您通过更改标签来添加更多类似内容:

    labels: [1,2,3,4,5,6,7],
    

    到:

    labels: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21]
    

    效果很好。

    请记住,您要求最多 20 个,但只有 7 个,所以它只能显示 7 个。

    【讨论】:

    • 感谢您的意见。我正在尝试将 X 轴的范围设置为 0 到 20。即使数据范围从 1 到 7,我希望它显示 X 轴 0 到 20。有什么建议吗?谢谢。
    • 将标签更改为标签:[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18, 19,20] 做到了这一点
    • 谢谢,我为这个问题苦苦挣扎了好几个小时。
    猜你喜欢
    • 2016-03-19
    • 2019-02-10
    • 1970-01-01
    • 2019-07-09
    • 1970-01-01
    • 1970-01-01
    • 2015-01-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多