データには 3 つの異なる「ベクトル」があります。データの各行について、犬が好きな割合、猫が好きな割合、他のペットが好きな割合があります。
A 20, 40, 40
B 10, 20, 70
C 80, 0, 20
D 90, 10, 0
...
Google Visualization Geochartを使用して、国が好むペットに応じて色で表したいと考えています。その特定の種類のペットが好きな国の人々の割合に応じて RGB 値を割り当てることで、これを実現したいと考えています。
したがって、100, 0, 0 は 100% 赤になります。0、100、0 は 100% 緑になります。0、0、100 は 100% 青になります。そしてその間のすべて。
色を手でコーディングする場合は、このような JavaScriptを使用すると簡単です。私が抱えている問題は、すべての行の組み合わせが異なることです (ペットの好みに関する非常に優れたデータが小数点以下の数桁まであります)。そのため、各行に色の値を割り当てる必要があり、約 200 あります。そのうちの。
これは最後の手段ですが、Geochart に組み込まれているグラデーションを使用して、面倒な作業を行うことをお勧めします。
問題は、color-gradient が 2D グラデーションのみを許可することです。複数のグラデーションを使用できますが、2d グラデーションのみを使用して 3d 色空間を表現できるかどうかを判断できません。
したがって、次のグラデーションを作成できます。
- 赤から緑
- 緑から青
- 青から緑
これは色の可能性の範囲をカバーしますか、それとも彩度や明るさではなく、単に色相を制御できるようになりますか? これは実行可能ですか、それとも回避策を使用したほうがよいでしょうか?