Chars.Js-指定要显示的x标签，这是stepSize选项无法实现的]] << [

Question

我需要创建一个Chart.js，默认情况下在X轴上仅显示标签0.1、0.3和0.5。如果需要绘制值0.013，则该值应在0到0.1之间，但不显示其特定标签。值0.389相同，需要在0.3到0.4之间显示，且具有相同的行为。

目前，我的图形显示如下：

所需的是这样的：

注意：即使某些“区域”没有值，也应显示标签0.1、0.3和0.5。

config = {
    type: 'bar',
    data: {
        labels: [],
        datasets: [{
            data: [],
            borderWidth: 0,
            borderColor:'#E16972',
            fill: true,
            backgroundColor: "#E16972"
        }]
    },
    options: {
        animation: {
            duration: false, //remove animation
        },
        responsive: true,
        tooltips: {
            enabled: false
        },
        title: {
            display: false
        },
        legend: {
            display: false
        },
        elements: {
            point:{
                radius: 0
            }
        },
        scales: {
            yAxes: [{
                display: true,
                scaleLabel: {
                    display: true,
                    labelString: 'PSD (Hz/s²)'
                },
                ticks: {
                    beginAtZero: true,
                    suggestedMax: 0.2
                }
            }],
            xAxes: [{
                display: false,
            },
            {
                gridLines : {
                    display : false
                },
                scaleLabel: {
                    display: false
                },
                type: 'linear',
                ticks: {
                    beginAtZero: true,
                    autoSkip: false,
                    min: 0,
                    max: 0.5,
                    stepSize: 0.1,
                }
            }]
        }
    }
}

我需要创建一个Chart.js，默认情况下在X轴上仅显示标签0.1、0.3和0.5。如果需要绘制值0.013，则该值应在0到0.1之间，但不显示其...

Answer 1

我能够解决此问题，包括回调函数。