Javascript flot图中的多个数据源

所以我有一个从csv文件调用数据的图表。我基本上需要把x和y放在同一个图表中，现在两个单独的图表是这样的

$.ajax({
            'url' : 'csvfile.csv',
            'method' : 'get',
            'success' : function(response){
                var response = Papa.parse(response,{
                    header: true
                });

                for(var i in response.data){
                    chartData.x.push([step * i, response.data[i]['rot_x']]);
                    chartData.y.push([step * i, response.data[i]['rot_y']]);
                    chartData.z.push([step * i, response.data[i]['rot_z']]);
                }


                var plotX = $.plot($("#x-chart"),[ {
                    data: chartData.x,
                    label: 'ROT-X'
                }],plotConfig);

                var plotY = $.plot($("#y-chart"),[ {
                    data: chartData.y,
                    label: 'ROT-Y'
                }],plotConfig);

非常感谢这里的任何帮助，我希望得到这种类型的解决方案，其中x和y都在同一个图表中

var plotX = $.plot($("#x-chart"),[ {
                    data: {'chartData.x','chartData.y'},
                    label: 'ROT-X'
                }],plotConfig);

---

这目前不起作用，但至少您会看到问题所在

假设您正在使用用于jQuery的flot插件，那么有一些好的方法可以帮助您。我相信您的问题在于plotData数组中对象的数据属性必须是数组-在您的代码中，您使用的是对象

---

您可以有一个包含两个数据源的图表：

var plotData = [ 
    { 
      label: "ROT-X", 
      data: chartData.x
    },
    { 
      label: "ROT-Y", 
      data: chartData.y
    }
];

var plotX = $.plot($("#x-chart"), plotData, plotConfig);

或者合并阵列并拥有一个数据源

var plotData = [ 
    { 
      label: "ROT-X&Y", 
      data: chartData.x.concat(chartData.y)
    }
];

var plotX = $.plot($("#x-chart"), plotData, plotConfig);

---

JS中存在语法错误（在

plotX

声明后未关闭的单引号）。此外，还不清楚您所面临的问题的本质是什么。只是更新了代码以准确显示我正在努力实现的目标，我希望调用时x和y的图表数据在同一个图表中，而不是每个数据集都有单独的图表#x图表同时包含rot#x和rot#y更简单、更具体我猜你关于未关闭的单个数据集的观点也是不正确的，代码以当前形式运行良好您是否使用flot jQuery插件？一个图表和两个数据源对我来说更有意义，现在就来试试这个