Javascript 使用chartkick gem和chart.js强制在XAX上显示刻度
我使用Chartkick和Chart.js来可视化一个由两行组成的数据集,但是,只显示x轴上的第一个勾号 我已经尝试按照chart.js文档向数据集传递选项,这表明我不希望自动跳过刻度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
<%= 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。所以,像这样的事情应该能实现你想要做的:
请注意,我假设两个数据集的长度始终相同