使用ChartKick和chart.js我想添加水平網格線。資料范圍是 100 到 200..
我想每 10 個單位有一條水平網格線。
<script src="https://cdnout.com/jquery/"></script>
<script src="https://cdnout.com/Chart.js/Chart.bundle.min.js"></script>
<script src="http://lib.arvancloud.com/ar/chartkick/2.3.0/chartkick.min.js"></script>
<%
begin_tracking = Time.zone.parse('2021-03-24 18:33:00-07')
current_date = Time.now
%>
<%= line_chart DataTable.where(statdate: begin_tracking..current_date).pluck(:statdate, :data_ordinate), min: 100, max: 200, dataset: {borderWidth: 50} %>
我以為dataset: {borderWidth: 50}會這樣做，但它沒有明顯的效果。
檔案參考：
To customize datasets in Chart.js, use:
<%= line_chart data, dataset: {borderWidth: 10} %>
You can pass this option to individual series as well.
Chart Kick 中沒有關于網格線的內容，我不知道如何將 chart.js 轉換為 Ruby。
uj5u.com熱心網友回復：
所有選項的完整詳細資訊位于 https://www.chartjs.org/docs/latest/axes/styling.html。
一般形式是這樣的：
<%= line_chart chart_path(@obj),
code: false,
points: false,
min: 0,
max: 20,
colors: ["#0284C7", "#44403C"],
height: '105px',
width: '175px',
library: {
scales: {
x: {
display: false,
},
y: {
display: true,
font: {
size: 6,
weight: 100
}
}
} %>
display 屬性指示是否顯示網格。
uj5u.com熱心網友回復：
問題是我發現的 CDN 已過時。使用來自jsDelivr的 CDN，網格線顯示出來。時間刻度格式不同，但假設可以修復。所以答案是正確的或在正確的道路上。謝謝你。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/344644.html
標籤：javascript 红宝石轨道 红宝石 图表.js 图表踢