使用jQuery将HTML属性设置为JSON对象
使用jQuery将HTML属性设置为JSON对象
提问于 2018-07-18 07:02:27
我正在尝试设置一个HTML canvas元素的属性，但该属性有一个值，它应该是一个数组。应该怎么做呢？请帮帮忙。
JavaScript：
var labels = ["January", "February", "March", "April", "May", "June", "July"];
var series = ['Series A', 'Series B'];
var data = [
[65, 59, 80, 81, 56, 55, 40],
[28, 48, 40, 19, 86, 27, 90]
];
var datasetOverride = [{yAxisID: 'y-axis-1'}, {yAxisID: 'y-axis-2'}];
var options = {
scales: {
yAxes: [{
id: 'y-axis-1',
type: 'linear',
display: true,
position: 'left'
},
{
id: 'y-axis-2',
type: 'linear',
display: true,
position: 'right'
}
]
}
};正在尝试设置属性：
$('#line').attr("chart-data", data);
$('#line').attr("chart-labels", labels);
$('#line').attr("chart-series", series);
$('#line').attr("chart-options", datasetOverride );
$('#line').attr("chart-dataset-override", options);HTML：
<canvas id="line" class="chart chart-line"></canvas>回答 1
Stack Overflow用户
发布于 2018-07-18 07:26:08
您可以通过多种方式完成此操作。其中之一是使用join将它们转换为字符串。如下所示：
var data = [
[65, 59, 80, 81, 56, 55, 40],
[28, 48, 40, 19, 86, 27, 90]
];
var joined = data.join(',');
console.log(joined);
$('#line').attr("chart-data", joined);<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="line">line</div>
请检查div元素。我使用了一个div，所以你可以检查它，但是它和canvas是一样的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51391312
复制相关文章
相似问题