【问题标题】:Chart js scatter graph labels图表js散点图标签
【发布时间】:2017-03-17 00:54:29
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: chart.js scatter-plot scatter


    【解决方案1】:

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

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

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

    【讨论】: