2017-08-31 17 views
1

次のデータをc3jsの複数行のグラフに表示する必要があります。
日付はx軸になります。 各行はグラフの各行になります。 これを複数折れ線グラフで表示しようとすると、表示されずエラーも表示されません。 私を助けてください。次のjavascript配列データをc3jsでフォーマットするにはどうすればよいですか?

["date", "2017-05-01", "2017-05-02", "2017-05-03", "2017-05-04", "2017-05-06", "2017-05-08", "2017-05-09", "2017-05-10", "2017-05-12", "2017-05-13", "2017-05-16", "2017-05-17", "2017-05-18", "2017-05-19", "2017-05-20", "2017-05-23", "2017-05-24", "2017-05-25", "2017-05-29"]["Shrirang Adkar", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Delhi Store", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Ajay Subramaniam", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Shivani Yadavalli", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Siddhesh 2020", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Salva", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Iranna Zampa", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Hisam", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null] ["Samruddhi Sawant", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Manish K S", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null] ["Sukanya Ray", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Karen Ho", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Srishti Narang", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Sreejata Mitra", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Estroz", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null] 
+0

コードをjsfiddleに入れてリンクを提供してください。この例を出発点として使用することができます:http://c3js.org/samples/timeseries.html –

答えて

0

これはチェック可能ですJSFiddle。すべてのデータの間に,を入れる必要があります。

var chart = c3.generate({ 
    data: { 
     x: 'date', 
     columns: [ 
      ["date", "2017-05-01", "2017-05-02", "2017-05-03", "2017-05-04", "2017-05-06", "2017-05-08", "2017-05-09", "2017-05-10", "2017-05-12", "2017-05-13", "2017-05-16", "2017-05-17", "2017-05-18", "2017-05-19", "2017-05-20", "2017-05-23", "2017-05-24", "2017-05-25", "2017-05-29"], 
      ["Shrirang Adkar", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null], 
      ["Delhi Store", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null], 
      ["Ajay Subramaniam", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null], 
      ["Shivani Yadavalli", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null], 
      ["Siddhesh 2020", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null], 
      ["Salva", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null], 
      ["Iranna Zampa", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null], 
      ["Hisam", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null], 
      ["Samruddhi Sawant", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null], 
      ["Manish K S", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null], 
      ["Sukanya Ray", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null], 
      ["Karen Ho", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null], 
      ["Srishti Narang", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null], 
      ["Sreejata Mitra", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null], 
      ["Estroz", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null] 
     ] 
    }, 
    axis: { 
     x: { 
      type: 'timeseries', 
      tick: { 
       format: '%Y-%m-%d' 
      } 
     } 
    } 
}); 
関連する問題