はどのように私はc3.js

Question

でグラフプロットのラベルとして設定されたJSONデータを設定しない私は、JSONデータをc3.jsで生成された線グラフを持っている

現在のチャートは

var chart = c3.generate({ 
    bindto: '.balanceChart', 
    data: { 
    url: '/data', 
    mimeType:'json' 
    } 
}); 

JSON非常に簡単ですデータ：

{ 
    data1: [1000,1240,1270,1250,1280] 
    data2: [1000,240,30,-20,30] 
} 

チャートがよさそうだと があるが、それは現在、私が望むものを データの両方のセットをプロットされ、data2は、ツールチップのvalするためのものですプロット

Answer 1

のUEあなたはとても

data: { 
    ... 
    hide: ['data2'] 
} 

http://c3js.org/reference.html#data-hide

からのように表示さからDATA2を隠し、ツールチップ表示に

tooltip: { 
    format: { 
    value: function (value, ratio, id, index) { 
      // return chart.data.values("data2")[index]; // if still wanting to use data2 

      // or get rid of data2 completely using this 
      var vals = chart.data.values(id); // id will be 'data1', vals will then be data1 array 
      return vals[index] - (index === 0 ? 0 : vals[index - 1]); 
     } 
    } 
} 

http://c3js.org/reference.html#tooltip-format-value

を変更するtooltip.format.valueを使用することができます

tooltip.format.t itleとtooltip.format.nameは、ここで値が実際にはdata1のものではない（ちょうど "Delta Data1"にタイトルを変更する）ユーザーと通信するのにも役立ちます。