图表js散点图标签

时间:2017-03-16 09:11:02

标签: chart.js scatter-plot scatter

我有一个使用Chart.js的散点图,在X轴上我有时间值(我使用Moment.js)。 问题是我希望缩放比例(见图),但它不适用于

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

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

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

1 个答案:

答案 0 :(得分:0)

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

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

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