在撰写本文时,我正在使用最新的ChartJS,并且在获取Chartjs读取的数据值时遇到问题。我正在使用asp.net vb.net作为后端。我目前正在加载带有字符串值“ [''label1','label2','label3']”的隐藏html元素,并将该元素读入var lbls
<script>
var ctxL = document.getElementById("lineChart");
var lbls = document.getElementById("hdhead").value;
var cd = document.getElementById("cdata").value;
var myLineChart = new Chart(ctxL);
var ctxLdata = {
type: 'line',
data: {
labels: eval("[" + lbls + "]"),
datasets: [
{
label: "2018",
fillColor: "rgba(220,220,220,0.2)",
strokeColor: "rgba(220,220,220,1)",
pointColor: "rgba(220,220,220,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: eval("[" + cd + "]")
}
]
},
options: {
responsive: true
}
};
</script>
将字符串传递给隐藏元素时,我已经尝试过这些
"{'label1'},{'label2'},{'label3'}"
"[{'label1'},{'label2'},{'label3'}]"
""label1","label2","label3""
我对javascript不太了解,一直在这里和互联网上进行搜索,以找到一种以正确格式获取数据的方法,以便图表可以正确读取。
当我加载页面时,图表未显示,但是我可以看到数据变量已加载,但是是以字符串格式而不是数据格式加载的。将字符串转换为图表可用数据的最佳方法是什么?
答案 0 :(得分:0)
您可以使用VB.Net在JSON文件中输出数据值, 然后,使用javascript,您可以读取生成的JSON文件作为ChartJS插件的输入。