PlusOne Blog

【JavaScript】手書き風グラフⅡ③

今回は、前回に続く”jsライブラリ「rawViz.js」の紹介の続きです。
前回は、基本的な記述法について説明しましたが、今回から、個々のフラフの種類の記述方法について紹介していきます。
 
今回は
 ・円グラフ(ドーナツ状)
 ・円グラフ(パイ状)
の2つについて、紹介していきます。
 
 

円グラフ(ドーナツ状)

 

new roughViz.Donut({
   element: '.viz',
   data: {labels: ['a', 'b'], values: [10, 20]}
})

ラベルとデータは必須で上記のように記述します。
下記のとおりオプションがありますので、使いかたによってオプションを設定します。
 

 

 
 

円グラフ(パイ状)

 

new roughViz.BarH({
   element: '.viz',
   data: {labels: ['a', 'b'], values: [10, 20]}
})

ラベルとデータは必須で上記のように記述します。
下記のとおりオプションがありますので、使いかたによってオプションを設定します。
 

 

この記事を読む
記事一覧に戻る