如何在Charts.js中调试maxTicksLimits?

时间:2019-03-27 21:49:59

标签: javascript chart.js

使用Charts.js中的maxTicksLimits似乎没有效果。没有错误,并且重新加载页面时我的图表呈现没有错误。刻度线的其他选项可以正常使用,例如padding: 50具有预期的效果。下面是我的代码

var chartOptions = options: {
        title: {
            display: true,
            text: 'please help me'
        },
        scales: {
            xAxes: [{
                ticks: {
                    padding: 50,
                    maxTicksLimits: 5,
                    autoSkip: true
                }
            }]
        }
    }

我尝试使用其他选项来调试和验证我的代码没有问题。

1 个答案:

答案 0 :(得分:1)

我认为问题在于拼写maxTicksLimits

应按照下面的代码所示使用它,jsfiddle供您参考-> https://jsfiddle.net/Lhap6suy/

xAxes: [{
        ticks: {
          autoSkip: true,
          maxTicksLimit: 2
        }
      }]