Несколько источников данных в графике участка

Question

поэтому у меня есть диаграмма, которая вызывает данные из файла 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); 

любая помощь здесь очень ценится я эффективно хочу, чтобы добраться до этого типа решения, где оба х и у находятся в одной и той же схеме ..

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

это не работает в настоящее время, но по крайней мере вам увидят проблему

Answer 1

Предполагая, что вы используете плагин для jQuery, тогда есть хорошие docs, которые вам помогут. Я считаю, что ваша проблема в том, что свойство данных объектов в массиве 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);