2016-08-28 19 views
1

ダッシュボードを実装するのにc3.jsを使用しています。それはかなりうまく動作します。しかし、私はちょうど底に現れたように上の伝説をしたい。私はこのシーケンスとしてグラフを描きたい。c3jsの下のように上に凡例を表示

  1. 伝説
  2. チャート
  3. ダニ

これが欲しい何であるかのサンプルの図です。これは非常に一般的な要件が、c3jsに使用できません

enter image description here :私はこの

legend: { 
      show: true, 
      position: 'inset', 
      inset: { 
        anchor: 'top-right', 
        x: 50, 
        y: 0, 
        step: 1 
        } 
     } 

よう凡例の構成を設定した場合、ウェブで検索することにより enter image description here そして凡例は以下の画像として主グラフと重なります。どうやってやるの?。

答えて

3

は上部ギャップ設定するパディングオプションを使用: http://c3js.org/reference.html#padding-top

しそして挿入図に負のオフセットY設定:

 legend: { 
      position: 'inset', 
      inset: { 
       anchor: 'top-right', 
       x: 50, 
       y: -30, 
       step: 1 
      } 
     }, 
     padding: { 
      top: 30 
     } 
関連する問題