Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/mongodb/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用两个列表中的数据创建chart.js散点图_Javascript_Python_Chart.js - Fatal编程技术网

Javascript 如何使用两个列表中的数据创建chart.js散点图

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

我想用两个列表中的数据在chart.js中创建一个散点图。第一个列表中的数据应为x值,而第二个列表中的数据应为y值

我尝试了以下方法,但不起作用。我的问题有什么方便的解决办法吗

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”?