#ラジアル軸

放射軸は、特にレーダーおよび極面グラフタイプに使用されます。これらの軸は、いずれかの端に配置されるのではなく、グラフ領域に重なって配置されます。 Chart.js にはデフォルトで 1 つの放射軸が含まれています。

ラジアルリニア

#ビジュアルコンポーネント

放射軸は、個別に構成できる視覚コンポーネントで構成されます。これらのコンポーネントは次のとおりです。

#角度の線

軸のグリッド線はグラフ領域に描画されます。それらは中心からキャンバスの端に向かって伸びます。以下の例では、それらは赤です。

const 構成 = {
  タイプ: 'レーダー'、
  データ、
  オプション: {
    スケール: {
      r: {
        角度ライン: {
          赤色'
        }
      }
    }
  }
};const config = {
  type: 'radar',
  data,
  options: {
    scales: {
      r: {
        angleLines: {
          color: 'red'
        }
      }
    }
  }
};

#グリッド線

軸のグリッド線はグラフ領域に描画されます。以下の例では、それらは赤です。

const 構成 = {
  タイプ: 'レーダー'、
  データ、
  オプション: {
    スケール: {
      r: {
        グリッド: {
          赤色'
        }
      }
    }
  }
};const config = {
  type: 'radar',
  data,
  options: {
    scales: {
      r: {
        grid: {
          color: 'red'
        }
      }
    }
  }
};

#ポイントラベル

ポイントラベルは、各角度の線の値を示します。以下の例では、それらは赤です。

const 構成 = {
  タイプ: 'レーダー'、
  データ、
  オプション: {
    スケール: {
      r: {
        ポイントラベル: {
          赤色'
        }
      }
    }
  }
};const config = {
  type: 'radar',
  data,
  options: {
    scales: {
      r: {
        pointLabels: {
          color: 'red'
        }
      }
    }
  }
};

#ダニ

目盛りは、軸の中心からの距離に基づいて値にラベルを付けるために使用されます。以下の例では、それらは赤です。

const 構成 = {
  タイプ: 'レーダー'、
  データ、
  オプション: {
    スケール: {
      r: {
        目盛り: {
          赤色'
        }
      }
    }
  }
};const config = {
  type: 'radar',
  data,
  options: {
    scales: {
      r: {
        ticks: {
          color: 'red'
        }
      }
    }
  }
};

←時系列軸直線ラジアル軸→