4

我需要可视化一个数字列表,这个列表每 x 分钟生成一次。我目前使用单行,旁边有数字。这可以正常工作,但是在进行实时分析时,它变得很难看。

经过一番思考,我想出了对数字进行颜色编码的想法,一个大的负数是红色的,一个大的正数是绿色的,一个正常的正数是浅绿色的,比正常数略大的位于绿色和浅绿色之间。

为了说明这一点,我制作了一张图片:

在此处输入图像描述

对于我的问题。例如,如果我们有:

50: Color.green
0: Color.white
-50: Color.red

如何计算代表 25 的颜色?

4

3 回答 3

6

对于 之间的严格线性表示red <--> white <--> green

import java.awt.Color;

/* Define the MAXIMUM saturation of RED and GREEN shades
 * Range (0-255)
 */
final int RED_MAX = 255;
final int GREEN_MAX = 255;

/* input val varies from -MAX to MAX */

/* output valColor varies from
 * -MAX = red
 *         ^
 *         |
 *         v
 *    0 = white
 *         ^
 *         |
 *         v
 *  MAX = green
 */

/* Normalised normVal varies from -255 to 255 */
normVal = (val*255)/MAX

if(val < 0) {
    /* Make it red-ish */
    valColor = new Color( RED_MAX,
                          255 + normVal, 
                          255 + normVal );
} else if (val > 0) {
    /* Make it green-ish */
    valColor = new Color( 255 - normVal), 
                          GREEN_MAX,
                          255 - normVal );
} else {
    /* Absolute White */
    valColor = new Color( 255, 255, 255 );
}
于 2013-08-01T14:59:19.817 回答
1

我认为这个现有的问题应该给你一些接近你正在寻找的东西:

为功率计生成红色和绿色之间的颜色?

于 2013-08-01T14:52:38.250 回答
1

我写了一些非常相似的东西,也许这会有所帮助。已经有一段时间了,所以我不记得我究竟为什么要这样做,但我尝试了每种颜色的几种变体(例如深红色和浅红色)。根据所需的颜色数量,我会从光谱的一端(色调)附近开始,然后“间隙”到光谱的另一端,其中间隙取决于我需要多少颜色。因此,如果您需要 10 种独特的颜色,它会将光谱分成 1/5,然后每 5 选择一个明暗。

不确定这是否有意义,但希望它有所帮助。

import java.awt.Color;
import java.util.ArrayList;
import java.util.List;

public class ColorPicker
{
  public static List<Color> chooseDistinguishableColors( int numberOfColors )
  {
    List<Color> colors = new ArrayList<>();
    float gap = 1.0f / (float) ((numberOfColors / 2) + (numberOfColors % 2));
    for ( int i = 0; colors.size() < numberOfColors; i++ )
    {
      float hue = i * gap;
      colors.add( new Color( Color.HSBtoRGB( hue, 1.0f, 0.90f ) ) );
      colors.add( new Color( Color.HSBtoRGB( hue, 1.0f, 0.65f ) ) );
    }
    return colors;
  }
}
于 2013-08-01T15:49:59.423 回答