如何标记x和y轴 - 在折线图中

时间:2017-03-05 14:06:29

标签: javascript charts chart.js chart.js2

我使用js和chart.js,我试图标记我的x& y轴和无论哪个例子我尝试什么都行不通,在我的代码中有几个例子 1.使用labels更改,2,使用label内的axes进行更改  ..如何命名我的x和y?

var vtx = document.getElementById("nowChart").getContext("2d");

var myChart = new Chart(vtx, {
    type: 'line',
    labels: [{ xLabels: "Days" }, {yLabels:"Ways"} ],
    data: {
        datasets: [{
            label: 'IBM graph',
            data: mydata,
            showLine: true,
            pointBackgroundColor: "#00ff11",
            pointBorderWidth: 1,

        }]
    },
    options: {
        scales: {
            xAxes: [{
                type: 'linear',
                position: 'bottom',
                ticks: {
                    beginAtZero: true
                },
                label:"Days"

            }],
            yAxes: [{
                type: 'linear',
                position: 'left',
                stacked: true,
                ticks: {
                    beginAtZero: true
                },
                label: "Rays"
            }]
        }
    }
});

1 个答案:

答案 0 :(得分:0)

您的配置看起来不对。请查看chart.js line graph sample,了解如何正确执行此操作。