C# 如何使用负值隐藏Chart.js中Yaxis上的0值
我已经使用chart.js创建了一个带有负值的条形图。现在我不想在Y轴上显示0(零)值 我在谷歌上搜索了很多东西,但我没有运气 我也尝试了以下属性C# 如何使用负值隐藏Chart.js中Yaxis上的0值,c#,asp.net,charts,chart.js,chart.js2,C#,Asp.net,Charts,Chart.js,Chart.js2,我已经使用chart.js创建了一个带有负值的条形图。现在我不想在Y轴上显示0(零)值 我在谷歌上搜索了很多东西,但我没有运气 我也尝试了以下属性 ticks: { beginAtZero: false } scaleStartValue: -20, scaleStepWidth: 20, scaleSteps: 3, scaleBeginAtZero: false, 但是我没有成功 检查下图,我已经提到了我的预期结果 这可以使用以下y
ticks: {
beginAtZero: false
}
scaleStartValue: -20, scaleStepWidth: 20, scaleSteps: 3, scaleBeginAtZero: false,
但是我没有成功
检查下图,我已经提到了我的预期结果
这可以使用以下y轴刻度回调函数实现:
callback: function(value, index) {
if (value !== 0) return value + '%';
}
或-“将0值更改为100%”:
演示
var图表=新图表(ctx{
类型:'bar',
数据:{
标签:[一月、二月、三月、四月、五月],
数据集:[{
标签:“酒吧”,
数据:[50,20,-60,55,-35],
背景颜色:“rgba(0,119,290,0.2)”,
边框颜色:“rgba(0,119,290,0.6)”,
边框宽度:2
}]
},
选项:{
比例:{
雅克斯:[{
滴答声:{
步长:50,
回调:函数(值、索引){
如果(值!==0)返回值+'%';
/*或*
如果(值===0)返回100+'%';
else返回值+'%'*/
}
}
}]
}
}
});代码>
喜欢吗?是的,喜欢这样。或者我可以将0值更改为100%。最终目标是更改或删除0(零)值。感谢完美的ans。它真的很有用。
callback: function(value, index) {
if (value === 0) return 100 + '%';
else return value + '%';
}