chart.js中有很多标签数据

时间:2017-06-01 23:37:56

标签: javascript c# charts chart.js

我使用chart.js创建一个线性图表,我的数据将是180的贷款金额,15年抵押的付款或30年的360付款。我发送到图表的是数据的贷款金额是垂直线,水平线我有3个标签0 - 15年 - 30年 - 为了正确显示图表标签应该是360标签我不喜欢我想展示所有,我如何管理它?

var lineChartData = {
    labels: ["0", "15 Years", "30 Years"],
    datasets: [
        {
            label: '# of Votes',
            fillColor: "",
            data: [0]
        }
    ]

}


 function UpdateLineChart(data) {
    debugger;
    //Set data returned from Server
    lineChartData.datasets[0].fillColor = data.colorString;
    lineChartData.datasets[0].data = data.lineChartData;
    //Update the Pie Chart
    var canvasForLineChart = document.getElementById("canvasForLineChart");
    var context2DLine = canvasForLineChart.getContext("2d");
    new Chart(context2DLine).Line(lineChartData);
}

图表中的数据来自C#,数组为180,数据如下:

    0: 200000
    1:199999
    2:198988
    .....
    179:180
    180:0

我如何才能使用3个标签?

当我有3个标签时,我的图表如下所示: enter image description here

所以我必须添加360个标签,如:

    var lineChartData = {
    labels: ["0",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "",
        "15 Years",
         "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "", "",
        "", "", "", "", "", "", "", "", "",
        "30 Years"],
    datasets: [
        {
            fillColor: "",
            data: [0]
        }
    ]

}

然后我的图表如下所示:enter image description here

0 个答案:

没有答案