我需要以负值开始条形图刻度,我使用的是 2.7.0 版本的 Chart Js。
图表必须从 -10 到 100。
图片示例:
这可能吗?
var canvas = document.getElementById('myChart');
var data = {
labels: ["Test"],
datasets: [
{
label: "-10 to 100",
backgroundColor: "rgba(255,99,132,0.2)",
borderColor: "rgba(255,99,132,1)",
borderWidth: 2,
hoverBackgroundColor: "rgba(255,99,132,0.4)",
hoverBorderColor: "rgba(255,99,132,1)",
data: [100],
}
]
};
var option = {
scales: {
yAxes:[{
stacked:true,
gridLines: {
display:true,
color:"rgba(255,99,132,0.2)"
}
}],
xAxes:[{
gridLines: {
display:false
}
}]
}
};
var myBarChart = Chart.Bar(canvas,{
data:data,
options:option
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.bundle.js"></script>
<canvas id="myChart" width="400" height="200"></canvas>
最佳答案
您好,您可以试试这个:您可以通过将对象传递给 tick
属性来定义 min
或 max
值。
有关更多详细信息,请访问此链接:http://www.chartjs.org/docs/latest/axes/radial/linear.html#tick-options
var option = {
scales: {
yAxes: [
{
stacked: true,
gridLines: {
display: true,
color: "rgba(255,99,132,0.2)"
},
ticks: {
suggestedMax: 100,
suggestedMin: -10
}
}
],
xAxes: [
{
gridLines: {
display: false
}
}
]
}
};
关于javascript - Chart Js 负刻度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46285207/