我使用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个标签?
所以我必须添加360个标签,如:
var lineChartData = {
labels: ["0",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "",
"15 Years",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "", "",
"", "", "", "", "", "", "", "", "",
"30 Years"],
datasets: [
{
fillColor: "",
data: [0]
}
]
}