Javascript 如何重写函数convertTicksToLabels chartjs
我希望能够将刻度值映射到Chart.js中的字符串 在文档()中,我找到了函数Javascript 如何重写函数convertTicksToLabels chartjs,javascript,charts,chart.js,Javascript,Charts,Chart.js,我希望能够将刻度值映射到Chart.js中的字符串 在文档()中,我找到了函数 // Transform the ticks array of the scale instance into strings. The default implementation simply calls this.options.ticks.callback(numericalTick, index, ticks); convertTicksToLabels: function() {} 是否有一个示例说明
// Transform the ticks array of the scale instance into strings. The default implementation simply calls this.options.ticks.callback(numericalTick, index, ticks);
convertTicksToLabels: function() {}
是否有一个示例说明如何(如以何种格式)/在何处编写此函数
我假设它应该写在选项中…下面是我的代码:
chart = new Chart(ctx, {
type: 'bubble',
data: dataObj,
options: {
scales: {
yAxes: [{
ticks:{display: false},
gridLines:{display:false}
}],
xAxes: [{
ticks:{display: true},
gridLines:{display:false},
convertTicksToLabels: function() {//what goes in here?}
}]
}
}
});
到目前为止,我只找到了关于的答案,它不使用这个函数,也不涉及将字符串映射到勾号值(只返回一个标签旋转) 我找到了一种不使用函数将值映射到字符串的不同方法 我使用了
callback
键而不是convertTicksToLabels
函数
这是我的代码现在
chart = new Chart(ctx, {
type: 'bubble',
data: dataObj,
options: {
scales: {
yAxes: [{
ticks:{
display: true,
callback: function(value, index, values) {
return mapValtoString(value);
}
},
scaleLabel: {labelString: "Factualness"},
gridLines:{display:false}
}],
xAxes: [{
ticks:{display: false},
scaleLabel: {labelString: "Bias"},
gridLines:{display:false}
}]
}
}
});
mapValToString()
函数如下所示
function mapValtoString(val){
switch(val){
case 1:
return "LOW";
break;
case 2:
return "MEDIUM";
break;
case 3:
return "HIGH";
break;
default:
return "";
}
我返回希望与值关联的字符串,并返回不需要的值上的空白字符串
这解决了我的问题,图形现在显示字符串而不是数值