已解決430363個問題，去搜搜看，總會有你想問的

是否可以為 chartJs 上的不同 yAxis 間隔創建不同的步長？

首頁猿問是否可以為 chartJs...

是否可以為 chartJs 上的不同 yAxis 間隔創建不同的步長？

JavaScript

ABOUTYOU 2023-03-18 11:03:50

我有如下圖表如您所見，從 0 開始并且stepSize是 0.1，但我希望它不是從 0 開始0并0.7直接打印，然后繼續執行每個0.1步驟。在這里你可以看到下面的預期ticks這是我為yAxisticks: { min: 0, // forces step size to be 5 units stepSize: 0.1}我需要類似stepSize:0.7（在 0-0.7 之間）的東西，0.1如果大于0.7.Unfortunately 我沒有機會像這樣實現。還有其他選擇嗎？代碼筆演示：https://codepen.io/Cicek96/pen/vYGVwmy

查看完整描述

1 回答

jeck貓

TA貢獻1909條經驗獲得超7個贊

ticks您可以通過如下定義來偽造零線的刻度：

ticks: {

min: 0.65,

stepSize: 0.1,

callback: (value, index, values) => index + 1 == values.length ? 0 : value

}

如需進一步說明，請查看從 Chart.js 文檔創建自定義刻度格式。

請看一下下面的可運行代碼，看看它是如何工作的。

new Chart(document.getElementById("myChart"), {

type: "line",

data: {

labels: ["January", "February", "March", "April", "May", "June", "July"],

datasets: [{

label: "APAC RE index",

data: [0.7, 0.8, 0.9, 1, 0.9, 0.8, 0.7],

fill: false,

borderColor: "rgb(255, 0, 0)"

}]

options: {

legend: {

display: false

scales: {

yAxes: [{

ticks: {

min: 0.65,

stepSize: 0.1,

callback: (value, index, values) => index + 1 == values.length ? 0 : value

}

}]

}

});

反對回復 2023-03-18

1 回答
0 關注
195 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

是否可以為 chartJs 上的不同 yAxis 間隔創建不同的步長？

是否可以為 chartJs 上的不同 yAxis 間隔創建不同的步長？

1 回答

添加回答

是否可以為 chartJs 上的不同 yAxis 間隔創建不同的步長？

是否可以為 chartJs 上的不同 yAxis 間隔創建不同的步長？