c3.jsを使用して高値と低値の棒グラフを作成

Question

私は数日間c3.jsを調べています。私のニーズのほとんどのグラフを生成することができました。高値と低値が指定されているときに、棒グラフを表示する方法は、私がそれに関係することがわかりません。

例：私のサンプル配列は、基本的に各カテゴリの各バーは、これらの高い値と低い値に基づいて行われます。この

Categories : ['cat1', 'cat2' ,'cat3' ,'cat4'] 
Low : [0,0,50,40] 
High : [90,80,40,60] 

のようなものになります。

ありがとうございます！あなたはこのサンプルを試すことができます

Answer 1

：

var chart = c3.generate({ 
    data: { 
     columns: [ 
      ['Low', 0,0,50,40], 
      ['High', 90,80,40,60] 
     ] 
    }, 
    axis: { 
     x: { 
      type: 'category', 
      categories: ['cat1', 'cat2', 'cat3', 'cat4'] 
     } 
    } 
}); 

結果：

をc3.jsをインストールする方法を知るには、official documentation

をお読みください