jpgraph 中国語マニュアル jpgraph カラーコントロール説明書

jpgraph ヘルプ ドキュメントを中国語の PHP チュートリアルとして翻訳し続けます。今日は、jpgraph を使用するときにチャートの色を制御する方法を紹介します。これには、主に jpgraph クラス ライブラリのいくつかの色の名前付け方法が含まれます。使用時に色の透明度と明るさを制御および表示する方法。 jpgraph を使用してグラフを作成する開発者に役立つことを願っています。

適切な色を使用することは、明確で直感的な図を作成するために重要です。カラー処理を簡素化するために、jpgraph は、名前や値などによってカラーを調整および操作するいくつかの方法をサポートしています。

すべてのオブジェクトのほぼすべてのカラー設定方法には、主に 2 つの名前付け方法があります

SetColor()輪郭の色を設定するか、オブジェクトに 1 つの色しかない場合 (フォントなど)、この色を設定します

SetFillColor()指定された領域オブジェクトの色を塗りつぶします。

どちらのメソッドも色を識別するためのパラメーターが必要です

色名で色を指定

jpgraph には標準色に対応する一連の名前リストがあります。jpgraph 英語版ドキュメントの付録 D にある色名リストの対応関係を参照する必要があります。

SetColor('white')

SetFillColor('オレンジ')

変数を置換する必要がない場合は、常に一重引用符で囲まれた文字列を使用する方が速くて便利です

RGB値で色を指定

名前付き色の使用は、jpgraph ライブラリが認識している色に依存します。他の色が必要な場合は、手動で指定する必要があります。

1 つ目の方法は、RGB 値を使用して色を指定することです。つまり、赤、緑、青で色が構成されます。各コンポーネントは 0 ～ 255 の範囲の整数で指定されます。たとえば

SetColor(array(255,255,255))

SetColor(array(0xff,0xff,0xff))
SetFillColor(array(0×44,0×54,0xa4))

一般的に使用される配列

array(0,0,0) は黒を表し、array(255,255,255) は白を表します。

HTML の色指定を使用します

2 番目の方法は、代わりに RGB 配列に似た 16 進数の RGB 値を使用することです。これは、

などの HTML Web ページで使用される色です。

SetColor('#333')、これは SetColor('#333333') と一致する短い形式であることに注意してください

SetColor('#12be7a')
SetFillColor('#99eff5')

色の微調整

このパートでは主に色の透明度と明るさの制御について紹介します。

アルファチャンネル(色の透明度)を指定

透明度を指定することで色を半透明にすることもできます。

アルファ チャネルでは、色の透明度を 0.0 ～ 1.0 の範囲で指定できます。0.0 は不透明を意味し、1.0 は完全に透明、つまり背景色のみが表示されることを意味します。 @文字を使用して透明度を追加します。通常、

などの領域の塗りつぶし (つまり、SetFillColor() メソッドの使用時) で使用されます。

SetFillColor(’red@0.2’)、わずかに透明な赤

SetFillColor(’red@0.8’)、ほぼ完全に透明な色

異なるアルファ値を使用した場合の効果は次のとおりです。青が透明になるにつれて、赤い棒グラフがより鮮明になります。

jpgraph を使用して色の透明度を制御する例

jpgraph を使用して明るさを調整します

文字の色で区切られた輝度係数。輝度係数の値の範囲は 0.0 ～ 2.0 です。明るさ係数 0.0 を使用すると、色が黒 (明るさなし) になることを意味し、係数 2.0 を使用すると、色が白 (最大明るさ) になることを意味します。係数 1 を使用すると、元の色は変更されません。

輝度係数は、

などの名前付きの色名または HTML カラーで使用できます。

SetColor(’red:0.8’)、少し暗めの赤

SetColor('red:1.5')、明るいホンセ
SetColor('#3485a9:1.8)、明るい青緑

図に示すように、名前付き色の明るさを調整し、HTML 色指定子の明るさを調整します

jpgraph を使用して色の明るさを調整する例

明るさと透明度を調整する組み合わせ方法

SetColor(’red@0.7:1.2’)

SetFillColor('#4545aa@0.3:1.5')

@ の後の最初の値は透明度を表し、2 番目の値は明るさを表します

追加の色処理手順

一部のプロット タイプでは、データ セット間の処理と区別を容易にするために追加の色処理が必要です。

円グラフ

円グラフは、カラーテーマの概念をサポートします。カラー テーマでは、円グラフ内の連続するスライスに単純な色のセットが使用されます。

カラーマップ

マトリックス (PRO バージョンのみ) と等高線マップには、カラー マップの概念もあります。

この時点で、jpgraph クラス ライブラリを使用してチャートの色を処理するチュートリアルが紹介されました。jpgraph がサポートする色の透明度と明るさの制御は非常に実用的であり、その色の設定方法と名前付け方法も WEB に非常に適しています。デザイナーたち。

注意: PHP Web サイト開発チュートリアル-leapsoul.cn 転載の際は、元のソースとこの記述をリンクの形で明記してください。