Javascript 如何使用两个列表中的数据创建chart.js散点图
我想用两个列表中的数据在chart.js中创建一个散点图。第一个列表中的数据应为x值,而第二个列表中的数据应为y值 我尝试了以下方法,但不起作用。我的问题有什么方便的解决办法吗Javascript 如何使用两个列表中的数据创建chart.js散点图,javascript,python,chart.js,Javascript,Python,Chart.js,我想用两个列表中的数据在chart.js中创建一个散点图。第一个列表中的数据应为x值,而第二个列表中的数据应为y值 我尝试了以下方法,但不起作用。我的问题有什么方便的解决办法吗 var myChart = new Chart(ctx, { type: 'scatter', data: { datasets: [{ label: 'Scatter Dataset', data: [{ x
var myChart = new Chart(ctx, {
type: 'scatter',
data: {
datasets: [{
label: 'Scatter Dataset',
data: [{
x: pvols, # first list
y: prets # second list
}]
}]
},
options: {
scales: {
xAxes: [{
type: 'linear',
position: 'bottom'
}]
}
}
});
或者,是否有人知道如何重新格式化我的数据以适应所需的格式
谢谢和亲切的问候
Marcel要使用散点图,数据必须作为包含X和Y属性的对象传递
你必须确保你传递的列表格式正确,以便散点图接受,即
var data = [{ x: -8, y: 3 }, { x: 2, y: 8 }, { x: 3, y: 9 }];
我会将两个列表合并成一个对象,然后将其传递给图表
let coords = pvols.map( (v,i) => ({ x: v, y: prets[i] }) )
然后在初始化图表时传递它
var data=[{x:-8,y:3},{x:2,y:8},{x:3,y:9}];
var ctx=document.getElementByIdchart;
var散点图=新图表Ctx{
类型:分散,
数据:{
数据集:[
{
标签:散布数据集,
数据:数据
}
],
选项:{
比例:{
xAxes:[
{
类型:线性,
位置:底部
}
]
}
}
}
};
您的对象生成代码可以缩短为:let coords=pvols.map v,i=>{x:v,y:prets[i]}什么是“povls”?