繁体   English   中英

Chart.js类别y轴线图

[英]Chart.js category y-axis line chart

使用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

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

在此输入图像描述

提前致谢。

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM