ホームページ制作
ユニゼロワン
機能DEMOサイト
ユニゼロワン機能DEMOサイト

Pie & Doughnut Chart

DEMOに」ある機能は、ご希望に応じて様々にカスタマイズできます。

このページの機能についてのお問合せは、Tipsユニゼロワンサイトに進み、照会番号でお願いします。

照会番号:DEMO2-
48826
  • 表示されるボタンの多くはサンプルDEMOにつき機能しません。
  • ほとんどの機能は、カスタマイズが可能で、複数の機能を組み合わせることもできます。
  • 完全にオーダーメイドでの機能作成も承っております。(グループサイト STUDIO ユニゼロワンをご参照ください)
  • ほとんどの機能がフルレスポンシブ機能(スマートフォンやタブレットでの最適化表示)に対応しており、大幅に調整又は別レイアウトでの制作にも対応しています。
  • フルレスポンシブ機能を確認するには、「デバイスプレビューを見る」ボタンからお進みください。
  • 異なるプログラミング手法による同じ機能も他の機能DEMOグループサイトでご紹介しております。

Pie & Doughnut Chart は、データを “円グラフ” または “ドーナツグラフ” で視覚的に表示するための 機能です。

Pie & Doughnut Chart の概要(簡潔)

グラフ・ドーナツグラフは、以下の特徴があります:

  • Pie(円)Doughnut(ドーナツ) の2種類を選択可能
  • 項目名(ラベル)と数値データを自由に追加
  • 色・ホバー色・アニメーションを細かく設定
  • ツールチップ・凡例(Legend)ON/OFF
  • グラフの高さ・枠線・背景などをカスタマイズ
  • レスポンシブ対応でスマホでも見やすい

主な設定ポイント

1. Pie Chart(データ設定)

  • ラベル(項目名)
  • データ値(割合を決める数値)
  • 色・ホバー色

2. Settings(動作設定)

  • グラフの高さ
  • ツールチップ
  • 凡例(Legend)
  • アニメーション

3. Style(デザイン設定)

  • 共通デザイン(余白・枠線など)
  • 凡例のタイポグラフィ
  • ツールチップの背景・枠線・文字

どんな時に使う?

  • 売上構成比を見せたい
  • アンケート結果の割合を表示したい
  • LP や会社紹介ページでデータを視覚化したい
  • サービスの利用比率などを円グラフで示したい

📱 デバイスプレビューを見る

Type.1

Type.2