ユニゼロワン機能DEMOサイト
この機能の説明
- 表示されるボタンの多くはサンプルDEMOにつき機能しません。
- ほとんどの機能は、カスタマイズが可能で、複数の機能を組み合わせることもできます。
- 完全にオーダーメイドでの機能作成も承っております。（グループサイト STUDIO ユニゼロワンをご参照ください）
- ほとんどの機能がフルレスポンシブ機能（スマートフォンやタブレットでの最適化表示）に対応しており、大幅に調整又は別レイアウトでの制作にも対応しています。
- フルレスポンシブ機能を確認するには、「デバイスプレビューを見る」ボタンからお進みください。
- 異なるプログラミング手法による同じ機能も他の機能DEMOグループサイトでご紹介しております。
データの推移や比較を “折れ線グラフ” で表示するための機能です。
機能応用例
📊 Line Chart の概要（簡潔）
折れ線グラフ作成ウィジェットで、以下の特徴があります：
- 複数データセットを折れ線で表示
- ラベル（X軸）とデータ（Y軸）を自由に追加
- 背景色・線の色・点の色などを細かくカスタマイズ
- ツールチップ・凡例（Legend）・アニメーション対応
- 軸の範囲設定や高さ調整も可能
- レスポンシブ対応でスマホでも見やすい
🧩 主な設定ポイント
1. Line Chart（データ設定）
- ラベル（例：Q1, Q2, Q3, Q4）
- データセット（複数追加可能）
- データ値（例：58, 51, 48, 82）
- 線の色・背景塗りつぶしなど
2. Settings（動作設定）
- グラフの高さ
- ツールチップ ON/OFF
- 凡例の位置
- 軸の範囲設定
- アニメーション設定
3. Style（デザイン設定）
- 線の太さ・点の形
- 背景色・枠線
- 凡例のタイポグラフィ
- X/Y軸ラベルのデザイン
- ツールチップの色・枠線など
🎯 どんな時に使う？
- 売上・アクセス数などの 時系列データの推移を見せたい
- 複数ブランドや商品の 比較グラフを作りたい
- LP や会社紹介ページで 統計データを視覚化したい
- プレゼン風のデザインをサイトに取り入れたい