好きなときに好きなことをしたいブログ

好きなときに好きなことをしたい性格です。

C3.js

C3.jsで複合グラフを描く(サンプル)

例えば、jsファイルはこんな感じ。 var data = { x_A:['0101','0102','0103','0104','0105','0106','0107','0108','0109','0110','0111','0112'], x_Z:['0101','0102','0103','0104','0105','0106','0107','0108','0109','0110','0111','0112','0213','0313'…

C3.jsで面階段グラフを描く(サンプル)

jsファイルは下記の通り var rank = ['A', 'B', 'C', 'D'] var data = { name: ['I', 'You', 'He', 'She'], A: [10, 11, 14, 19], B: [20, 22, 26, 32], C: [30, 28, 24, 18], D: [40, 39, 36, 31] } var chart = c3.generate({ bindto: '#chart', data: { /…

C3.jsで積み上げ横棒グラフ(帯グラフ)を描く(サンプル②)

<div class="chart"></div> <div class="chart2"></div> var data = [{"name": "Class", A: 5, B: 20, C: 25, D: 20, E: 30}] var group = ["A","B","C","D","E"] var chart = c3.generate({ bindto: '.chart', data: { json: data, // specify that our above json is the data keys: { x: 'name', // specify t…

C3.jsで積み上げ横棒グラフ(帯グラフ)を描く(サンプル①)

<div id="chart"></div> var data = [{ "name": "Class", A: 5, B: 20, C: 25, D: 20, E: 30, }, { "name": "Level", S: 50000, A: 20000, B1: 50000, B2: 20000,C: 50000, }] var group = ["A","B","C","D","E","S","A","B1","B2","C" ] var chart = c3.generate({ bindto: '#char…

C3.jsで積み上げ横棒グラフ(帯グラフ)を描く

全体的にお世話になったサイト グラフの縦横を入れ替える ページ内での表示位置 ソート順 軸の値を非表示にする 軸線と軸の値の両方を非表示にする 凡例を非表示にする チャートの色を指定する チャートの全体の大きさを指定する サンプルソース 全体的にお…

大人の「帯グラフ」は「(積み上げ)横棒グラフ」らしい

帯グラフを描きたいなと思い、まずはGoogle検索を掛けているのだが、帯グラフではなく、横棒グラフとか、積み上げ横棒グラフという単語で調べる方が検索結果が多そう。 小学校で「帯グラフ」という名称を習ったはずなのに、みんなExcelに汚染されすぎ。 さら…