Chart.js类别y轴线图

时间:2016-06-06 03:29:24

标签: chart.js

使用Chart.js 2.0,如何绘制带有y轴类别的折线图?

这是我的代码

    var ctx = $("#myChart");
    var scatterChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: ["January", "February", "March"],
            datasets: [{
                label: "January",
                data: [{
                    x: -10,
                    y: "January"
                }, {
                    x: 0,
                    y: "February"
                }, {
                    x: 10,
                    y: "February"
                }]
            }]
        },
        options: {
            scales: {
                xAxes: [{
                    type: 'linear',
                    position: 'bottom'
                }],
                yAxes: [{
                    type: 'category',
                    position: 'left'
                }]
            },
            showLines: false
        }
    });

以下是JSFiddle

通过这种方式,生成以下图表,其中坐标中不显示点:

enter image description here

提前致谢。

1 个答案:

答案 0 :(得分:0)

我更新到了最新版本的chart.js(2.8.0),您的代码可以正常工作。您可以升级正在使用的Chart.js版本吗?