Javascript 显示图表y轴中的所有值
我有以下图表: 我希望y轴上有字母,因此我在图表选项中添加了一个开关,用于触发y轴值的相应字母。我的问题是y轴只显示偶数值,因此返回一半开关值(xc、B、A+等)。但是我想显示y轴上的所有值,0到13。有没有办法做到这一点?非常感谢你的帮助Javascript 显示图表y轴中的所有值,javascript,html,chart.js,Javascript,Html,Chart.js,我有以下图表: 我希望y轴上有字母,因此我在图表选项中添加了一个开关,用于触发y轴值的相应字母。我的问题是y轴只显示偶数值,因此返回一半开关值(xc、B、A+等)。但是我想显示y轴上的所有值,0到13。有没有办法做到这一点?非常感谢你的帮助 var数据={ 标签:[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月], 数据集:[{ 标签:“我的第一个数据集”, 填充:假, 线张力:0, 背景颜色:“rgba(75192192,0.4)”, 边框颜色:“rgba(751
var数据={
标签:[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月],
数据集:[{
标签:“我的第一个数据集”,
填充:假,
线张力:0,
背景颜色:“rgba(75192192,0.4)”,
边框颜色:“rgba(75192192,1)”,
borderCapStyle:“butt”,
borderDash:[],
borderDashOffset:0.0,
borderJoinStyle:'斜接',
pointBorderColor:“rgba(75192192,1)”,
pointBackgroundColor:#fff“,
点边界宽度:2,
点半径:5,
pointHoverBackgroundColor:“rgba(75192192,1)”,
pointHoverBorderColor:“rgba(2201)”,
pointHoverBorderWidth:2,
点半径:1,
点半径:10,
数据:[0,1,3,4,5,6,7,9,10,11,12,13],
}]
};
变量选项={
比例:{
雅克斯:[{
滴答声:{
//创建科学符号标签
回调:函数(值、索引、值){
开关(值){
案例0:
返回'XC';
案例1:
返回“C”;
案例2:
返回“B”;
案例3:
返回“A”;
案例4:
返回“A+”;
案例5:
返回“BA”;
案例6:
返回“N+”;
案例7:
返回“C-”;
案例8:
返回“D+”;
案例9:
返回“D”;
案例10:
返回“D-”;
案例11:
返回'N';
案例12:
返回“N-”;
案例13:
返回“NR”;
违约:
返回“”;
打破
}
}
}
}]
}
};
var ctx=$('图表');
var图表=新图表(ctx{
键入:“行”,
数据:数据,
选项:选项
});
在ticks对象中,您还可以提供
最小值
、最大值
和步长
来覆盖默认的自动调整行为
(有关所有可用属性的详细信息,请参见)
如果有人会遇到类似的问题,但步骤之间的距离不大于1(或其他具有公约数的数字),这意味着上述解决方案不起作用-以下是我的解决方案。 只需返回chart.option.scales.yAxes中“afterBuildTicks”回调中的所有刻度
chart.options.scales = {
yAxes: [{
ticks,
afterBuildTicks: (scale, yTicks) => yourTicks
}]
};
Hi chartjs允许yaxis值最多可显示10个数据:[0,1,2,3,4,5,6,7,8,9,10],如果你增加更多的自动adjusting@gayathri:好的,但是你能给我一个解决办法吗?也许能帮助在这里找到一些人真的不直观地注意到。。
chart.options.scales = {
yAxes: [{
ticks,
afterBuildTicks: (scale, yTicks) => yourTicks
}]
};