Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/62.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用chartkick gem和chart.js强制在XAX上显示刻度_Javascript_Ruby On Rails_Chart.js_Visualization_Chartkick - Fatal编程技术网

Javascript 使用chartkick gem和chart.js强制在XAX上显示刻度

Javascript 使用chartkick gem和chart.js强制在XAX上显示刻度,javascript,ruby-on-rails,chart.js,visualization,chartkick,Javascript,Ruby On Rails,Chart.js,Visualization,Chartkick,我使用Chartkick和Chart.js来可视化一个由两行组成的数据集,但是,只显示x轴上的第一个勾号 我已经尝试按照chart.js文档向数据集传递选项,这表明我不希望自动跳过刻度 <%= line_chart [ { name: "Successes", data: @successful_requests }, { name: "Errors", data: @error_requests } ], dataset:{ scale

我使用Chartkick和Chart.js来可视化一个由两行组成的数据集,但是,只显示x轴上的第一个勾号

我已经尝试按照chart.js文档向数据集传递选项,这表明我不希望自动跳过刻度

<%= line_chart [
      { name: "Successes", data: @successful_requests },
      { name: "Errors", data: @error_requests }
    ],
    dataset:{
      scaleShowValues: true,
      scales: {
        xAxes: [{
          ticks: {
            autoSkip: false
          }
        }]
      }
    },
    legend: "bottom",
    messages: { empty: "Awaiting your first request!" }  
%>

我希望图表显示的数据集是一个x轴,在x轴上的所有点上都有标签。

来自文档:

如果为true,则自动计算可以显示多少标签,并相应地隐藏标签

要显示的刻度线和网格线的最大数量

autoSkip
选项控制当标签文本重叠时,是否自动跳过轴标记上的某些标签。要控制显示的刻度数,您需要的是
maxTicksLimit
和相关选项。对于您的用例,您可能应该根据数据集的大小设置
maxTicksLimit

此外,这些选项不能直接在
数据集上设置。相反,您需要使用
选项将它们通过Chartkick传递到Chart.js。所以,像这样的事情应该能实现你想要做的:


请注意,我假设两个数据集的长度始终相同