棒グラフの合計値を太さを変えて背景に表示させる方法

ytkd · December 10, 2024, 11:51am

複数の値とそれら値の合計値を表示させるグラフを作成したいのですが、合計値を見やすくするため複数の値の後ろに背景として表示させたいです。

現状私の手元では下の図のように値、合計値ともに同じ大きさで表示されてしまっています。

作成したい画面のイメージとしては下のように合計のみ背景に表示したいです。

良い方法があれば教えていただけると幸いです。よろしくお願いいたします。

ytakahr · December 10, 2024, 12:32pm

@ytkd
コミュニティへの投稿ありがとうございます。
頂いたイメージは、最近QuickSightに追加されたHighchartsのビジュアルタイプを活用することで実現が可能です。

ビジュアルタイプからHighchartsを選択

image221×384 25.4 KB

チャートコードのエディターに定義を入力

↓↓↓ 今回の例 ↓↓↓

{
  "xAxis": {
    "categories": ["getColumn", 0]
  },
  "yAxis": {
    "min": 0,
    "title": {
      "text": "件数"
    }
  },
  "plotOptions": {
    "column": {
      "borderWidth": 0,
      "grouping": false,
      "shadow": false
    }
  },
  "series": [
    {
      "type": "column",
      "name": "合計",
      "color": "rgba(237,125,49,1)",
      "data": ["getColumn", 1],
      "pointPadding": -0.1,
      "pointPlacement": 0.0
    },
    {
      "type": "column",
      "name": "件数A",
      "color": "rgba(157,195,230,1)",
      "data": ["getColumn", 2],
      "pointPadding": 0.3,
      "pointPlacement": -0.15
    },
    {
      "type": "column",
      "name": "件数B",
      "color": "rgba(68,114,196,1)",
      "data": ["getColumn", 3],
      "pointPadding": 0.3,
      "pointPlacement": 0.15
    }
  ]
}