Chart js散点图标签
Chart js scatter graph labels
我有一个使用 Chart.js 的散点图,在 X 轴上我有时间值(我使用 Moment.js)。
问题是我想要反转比例(见图),但它不适用于
scales: {
xAxes: [{
type: 'time',
...
ticks: {
reverse: true
},
所以我需要使用线性类型。
问题是 X 轴上的线性时间我看到了秒数,而我想要的是 'mm:ss' 格式的秒数,所以我想我需要使用标签。
问题是:如何在散点图中使用 x 轴的标签?
graph image
令人惊讶的是它不起作用,因为反向选项是一个基本配置项(不特定于任何特定比例)。当我回到电脑前时,我会调查这是否是一个错误。
同时,您可以使用勾选 callback
选项来设置标签的格式。这是一个例子。
scales: {
xAxes: [{
ticks: {
// Create mm:ss labels
callback: function(value, index, values) {
return moment.duration(value, 'seconds').format('mm:ss');
}
}
}]
}
我有一个使用 Chart.js 的散点图,在 X 轴上我有时间值(我使用 Moment.js)。 问题是我想要反转比例(见图),但它不适用于
scales: {
xAxes: [{
type: 'time',
...
ticks: {
reverse: true
},
所以我需要使用线性类型。 问题是 X 轴上的线性时间我看到了秒数,而我想要的是 'mm:ss' 格式的秒数,所以我想我需要使用标签。
问题是:如何在散点图中使用 x 轴的标签? graph image
令人惊讶的是它不起作用,因为反向选项是一个基本配置项(不特定于任何特定比例)。当我回到电脑前时,我会调查这是否是一个错误。
同时,您可以使用勾选 callback
选项来设置标签的格式。这是一个例子。
scales: {
xAxes: [{
ticks: {
// Create mm:ss labels
callback: function(value, index, values) {
return moment.duration(value, 'seconds').format('mm:ss');
}
}
}]
}