Javascript 使用jQuery将HTML属性设置为JSON对象

Javascript 使用jQuery将HTML属性设置为JSON对象,javascript,jquery,html,html5-canvas,attr,Javascript,Jquery,Html,Html5 Canvas,Attr,我试图设置HTML画布元素的属性,但该属性有一个值,它应该是一个数组。应该怎么做?请帮忙 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]

我试图设置HTML画布元素的属性,但该属性有一个值,它应该是一个数组。应该怎么做?请帮忙

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:


您可以通过多种方式实现这一点。其中之一是将它们转换为带有join的字符串。像这样:

var数据=[
[65, 59, 80, 81, 56, 55, 40],
[28, 48, 40, 19, 86, 27, 90]
];
var join=data.join(',');
控制台日志(已加入);
$('#line').attr(“图表数据”,连接)


您在谈论哪个属性?使用
data()
设置并获取。属性值只允许字符串,但您可以使用
data()
@NelsonTeixeira()存储任何类型。绑定后,我想通过jquery绑定此html元素,它应该是
@charlietfl。先生,您能举个例子吗
<canvas id="line" class="chart chart-line"></canvas>