Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示图表y轴中的所有值_Javascript_Html_Chart.js - Fatal编程技术网

Javascript 显示图表y轴中的所有值

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

我有以下图表:

我希望y轴上有字母,因此我在图表选项中添加了一个开关,用于触发y轴值的相应字母。我的问题是y轴只显示偶数值,因此返回一半开关值(xc、B、A+等)。但是我想显示y轴上的所有值,0到13。有没有办法做到这一点?非常感谢你的帮助

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
  }]
};