Chart js散点图标签

Question

我有一个使用 Chart.js 的散点图，在 X 轴上我有时间值（我使用 Moment.js）。问题是我想要反转比例（见图），但它不适用于

scales: {
        xAxes: [{
            type: 'time',
            ...
            ticks: {
                reverse: true
             },

所以我需要使用线性类型。问题是 X 轴上的线性时间我看到了秒数，而我想要的是 'mm:ss' 格式的秒数，所以我想我需要使用标签。

问题是：如何在散点图中使用 x 轴的标签？ graph image

Answer 1

令人惊讶的是它不起作用，因为反向选项是一个基本配置项（不特定于任何特定比例）。当我回到电脑前时，我会调查这是否是一个错误。

同时，您可以使用勾选 callback 选项来设置标签的格式。这是一个例子。

scales: {
        xAxes: [{
            ticks: {
                // Create mm:ss labels
                callback: function(value, index, values) {
                    return moment.duration(value, 'seconds').format('mm:ss'); 
                }
            }
        }]
    }

Chart js散点图标签

Chart js scatter graph labels

chart.js

scatter-plot

scatter