様々なユニット２
ギャラリー
グラフ
{
"type": "pie",
"data": {
"labels": ["A","B","C","D"],
"datasets": [{
"backgroundColor": [
"#83d69a","#7cb9bf","#e08177","#bc9dd1"
],
"data": [50,30,20,10]
}]
}
}
固有のグラフ名（円グラフ）
{
"type": "bar",
"data": {
"labels": ["E","F","G","H"],
"datasets": [{
"label": ["固有のグラフ名（棒グラフ）"],
"backgroundColor": [
"#f07a7a","#7eafe8","#77c777","#e0c282"
],
"data": [50,30,15,5],
"borderColor": [
"#f07a7a","#7eafe8","#77c777","#e0c282"]
}]
},
"options": {
"scales": {
"xAxes": [{
"scaleLabel": {
"display": true,
"labelString": "縦軸のラベル"
}
}],
"yAxes": [{
"ticks": {
"suggestedMin": 0,
"suggestedMax": 100
},
"scaleLabel": {
"display": true,
"labelString": "横軸のラベル"
}
}]
}
}
}
固有のグラフ名（棒グラフ）
{
"type": "line",
"data": {
"labels": ["I","J","K","L","M","N"],
"datasets": [{
"label": ["固有のグラフ名（折れ線グラフ）"],
"lineTension": 0,
"fill": false,
"borderWidth": 3,
"backgroundColor": [
"#809ccf","#809ccf","#809ccf","#809ccf","#809ccf","#809ccf"
],
"data": [30,50,40,80,70,60],
"borderColor": [
"#809ccf","#809ccf","#809ccf","#809ccf","#809ccf","#809ccf"]
}]
},
"options": {
"scales": {
"xAxes": [{
"scaleLabel": {
"display": true,
"labelString": "縦軸のラベル"
}
}],
"yAxes": [{
"ticks": {
"suggestedMin": 0,
"suggestedMax": 100
},
"scaleLabel": {
"display": true,
"labelString": "横軸のラベル"
}
}]
}
}
}
固有のグラフ名（折れ線グラフ）
ボタン
画像ボタン
フレーム
タイトル
この文章はダミーです。
したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。
タイトル
この文章はダミーです。
したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。
タイトル
この文章はダミーです。
したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。
区切り線
GoogleMaps iframe レスポンシブ
