ローズチャート（ナイチンゲールチャート）

ナイチンゲールチャートとも呼ばれるローズチャートは、通常、半径が同じだが半径が異なるセクターでカテゴリを示します。

ECharts では、円グラフの series.roseType を 'area' に設定することで、ローズチャートを実装できます。他のすべての設定は、基本的な円グラフと同じです。

option = {
  series: [
    {
      type: 'pie',
      data: [
        {
          value: 100,
          name: 'A'
        },
        {
          value: 200,
          name: 'B'
        },
        {
          value: 300,
          name: 'C'
        },
        {
          value: 400,
          name: 'D'
        },
        {
          value: 500,
          name: 'E'
        }
      ],
      roseType: 'area'
    }
  ]
};option = {
  series: [
    {
      type: 'pie',
      data: [
        {
          value: 100,
          name: 'A'
        },
        {
          value: 200,
          name: 'B'
        },
        {
          value: 300,
          name: 'C'
        },
        {
          value: 400,
          name: 'D'
        },
        {
          value: 500,
          name: 'E'
        }
      ],
      roseType: 'area'
    }
  ]
};

ライブ

コントリビューター GitHub でこのページを編集する