5.20221.842
wijmo.chart Class Palettes Wijmo API クラス

Palettes クラス

これらはチャートのSeries オブジェクト用の定義済みカラーパレットです。

カスタムカラーパレットを作成するには、文字列またはRGBA値の配列を指定します。

パレットはFlexChart コントロールおよびFlexPie コントロールに対して指定できます。 例:

chart.palette = Palettes.light;

以下の定義済みパレットが用意されています。

  • standard (default)
  • cocoa
  • coral
  • dark
  • highcontrast
  • light
  • midnight
  • modern
  • organic
  • slate
  • zen
  • cyborg
  • superhero
  • flatly
  • darkly
  • cerulan

階層

  • Palettes

プロパティ

静的 Diverging

Diverging: Object

発散パレットは、重要な点からの距離を示すために使用されます。 これらの配色は、データに中間点が存在する場合にうまく機能します。 たとえば、温度に関するデータはゼロより下の青の色合いであり、赤はゼロより上の値を表し、ゼロ付近の温度は中間色になります。

FlexChartFlexPieなどのチャートコントロールに対してパレットを指定するか、ColorScale.colorsプロパティでパレットを使用できます。 以下に例を示します。

chart.palette = Palettes.Diverging.BrBG;

発散パレットには、次の配色があります。

  • BrBG
  • PiYG
  • PRGn
  • PuOr
  • RdBu
  • RdGy
  • RdYlBu
  • RdYlGn
  • Spectral

静的 Qualitative

Qualitative: Object

ColorBrewer(https://colorbrewer2.org)の定性的パレット。

定性的(またはカテゴリ的)パレットは通常、 特定の順序を持たない独立したデータカテゴリをプロットするために使用されます。 たとえば、配送方法や製品の種類を表す系列。 これらのパレットの色は、特徴的であり、データ系列間の違いを明確に示すように選択されています。

FlexChartFlexPieなどのグラフコントロールのパレットを指定できます。 以下に例を示します。

chart.palette = Palettes.Qualitative.Accent;

定性的パレットには、次の配色があります。

  • Accent
  • Dark2
  • Paired
  • Pastel1
  • Pastel2
  • Set1
  • Set2
  • Set2

静的 SequentialMulti

SequentialMulti: Object

シーケンシャルパレットは、順序付けられた定量的な性質を持つデータに使用されます。 たとえば、特定の地域の降水量や道路事故の数。 明度の変化に加えて、これらの配色は知覚を改善するためにいくつかの色合いも使用します。

FlexChartFlexPieなどのチャートコントロールのパレットを指定するか、ColorScale.colorsプロパティのパレットを使用できます。 以下に例を示します。

chart.palette = Palettes.SequentialMulti.BuGn;

シーケンシャル複数の色合いがある色パレットには、次の配色があります。

  • BuGn
  • BuPu
  • GnBu
  • OrRd
  • PuBu
  • PuBuGn
  • PuRd
  • RdPu
  • YlGn
  • YlGnBu
  • YlOrBr
  • YlOrRd

静的 SequentialSingle

SequentialSingle: Object

シーケンシャルパレットは、順序付けられた定量的な性質を持つデータに使用されます。 たとえば、特定の地域の降水量や道路事故の数。

FlexChartFlexPieなどのグラフコントロールのパレットを指定するか、ColorScale.colorsプロパティのパレットを使用できます。 以下に例を示します。

chart.palette = Palettes.SequentialSingle.Blues;

シーケンシャル単一色相パレットには、次の配色があります。

  • Blues
  • Greens
  • Greys
  • Oranges
  • Purples
  • Reds