C3線グラフ。表示されている行がありません

Question

JSON入力を使用してC3線グラフを取得しようとしています。しかし何らかの理由でそれはラインを示すのではなく、ポイントを示すだけです。

chart = c3.generate({ 
    data: { 
     x: 'x', 
     json: [ 
{"period":"2016-09-18","mp-demo-1":30}, 
{"period":"2016-09-19","mp-demo-1":13}, 
{"period":"2016-09-20","mp-demo-1":39}, 
{"period":"2016-09-21","mp-demo-1":43}, 
{"period":"2016-09-22","mp-demo-1":27}, 
{"period":"2016-09-23","mp-demo-1":10}, 
{"period":"2016-09-24","mp-demo-1":10}, 
{"period":"2016-09-25","mp-demo-1":20}, 
{"period":"2016-09-26","mp-demo-1":18}, 
{"period":"2016-09-18","MP7":20}, 
{"period":"2016-09-19","MP7":33}, 
{"period":"2016-09-20","MP7":29}, 
{"period":"2016-09-21","MP7":23}, 
{"period":"2016-09-22","MP7":17}, 
{"period":"2016-09-23","MP7":10}, 
{"period":"2016-09-24","MP7":40}, 
{"period":"2016-09-25","MP7":30}, 
{"period":"2016-09-26","MP7":10} 
], 
     keys: { 
      x: 'period', 
      value: ['mp-demo-1', 'MP7'] 
     } 
    }, 
    axis: { 
     x: { 
      type: 'timeseries', 
      tick: { 
      format: '%Y-%m-%d' 
      }   
     } 
    } 
}); 

ここには私のフィドルです - fiddleです。ここには何が欠けていますか？

Answer 1

多分JSONで同じオブジェクトに両方の値を移動してみてください：

{"period":"2016-09-18","mp-demo-1":30, "MP7":20}, 

http://jsfiddle.net/14gsxv0w/