flot plot中的多個數據源

-1

所以我有一個從csv文件調用數據的圖表。我基本上需要把x和y放在同一張圖表中，這在兩張單獨的圖表中是這樣的。flot plot中的多個數據源

$.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);

這並不目前的工作，但至少你將會看到問題

來源

2016-11-24 greggycoding

你的JS有一個語法錯誤（'plotX'聲明後沒有關閉單引號）。此外，目前尚不清楚您面臨的問題的實質。 – Terry

剛剛更新了代碼以準確顯示我想要實現的內容，我希望x和y的chartdata在被調用時位於同一圖表中，而不是爲每個數據集分別設置圖表 – greggycoding

＃x-chart同時使用rot_x和rot_y甚至更簡單，更具體我猜 – greggycoding

假設您使用jQuery的flot插件，那麼有很好的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);

來源

2016-11-25 00:33:55

是的，我確實使用flot插件好抓先生 – greggycoding

一個有兩個數據源的圖表對我來說更有意義，現在要嘗試一個現在完成工作的 – greggycoding

非常感謝你！ – greggycoding

flot plot中的多個數據源

回答

相關問題