“绘图”大范围内的一个数

Question

简而言之，我正在尝试制作一个条形图（使用 GWT 的 HTML5 画布包装器），它将显示给定值的合理内容，无论图表底部和顶部的实际值是多少。我假设最好的方法是对数，但我完全接受任何其他解决方案。

假设：

• 我们的垂直“条”，高 200 像素，宽 35 像素。

• 我们正在显示一个“站点”及其父“区域”。这些单位是功率单位（例如 kW、MW、GW）。

• “区域”的范围为 1 kW 至 55.19 GW。平均值为27.6 MW。

• 该区域内大约 95% 的站点比 55 GW 更接近 1 W，但前 5% 的站点明显偏离平均值。

• 第一个站点的值为12.67 MW。 第二个站点的值为192.21 kW。

显然，第二个站点甚至不会在线性图上注册，而第一个站点的注册值非常低。

我怎样才能让这个栏更有用？例如，我希望影响该地区平均值的前 5% 的网站仅代表总条形的一小部分 (5%)，而其他 95% 的网站应代表 95%。

条形图下部区域的线是区域平均线，而整个条形图代表最小值 (底部）到最大（顶部）。

当前使用 log10 的 Java 代码：

// BAR_GRAPH_WIDTH = 36, BAR_GRAPH_HEIGHT = 200
// regionNsp (MW): [min=0.0, max=55192.8, avg=27596.5] 
// siteNsp (MW) = 187.18
DrawingArea canvas = new DrawingArea(BAR_GRAPH_WIDTH, BAR_GRAPH_HEIGHT);
Rectangle bgRect = new Rectangle(1, 0, BAR_GRAPH_WIDTH - 1, BAR_GRAPH_HEIGHT); // backgound bar
bgRect.setFillColor("white");
canvas.add(bgRect);
int graphSize = (int)(BAR_GRAPH_HEIGHT / Math.log10(regionNsp.getMax()));
int siteHeight = (int)Math.log10(siteNsp - regionNsp.getMin()) * graphSize;
Rectangle valueRect = new Rectangle(1, BAR_GRAPH_HEIGHT-siteHeight, 35, siteHeight);
valueRect.setFillColor("lightgreen");
canvas.add(valueRect);

Answer 1

考虑对数标度，并在远远超出总体中任何其他值的极高值处进行中断。有关条形和轴中断的示例，请参阅：http://tomhopper.files.wordpress.com/2010/08/bar-chart-natural-axis-split1.png

Answer 2

我承认我对 GWT 了解不多，所以我的回答是基于如何在纸笔图表上显示您的值。这个答案是你已经回答了你自己的问题 - 使用日志。范围从1000到552亿，平均在27600000左右，取（公基10）对数后，变成约3到11，平均在7.4左右。

需要注意的是，你在“合理性”中获得的东西，你却在观点上失去了意义。采用分贝标度，它是基于（公共基数 10）对数的。 80 分贝的声音和 85 分贝的声音之间的差异似乎并没有太大的变化，只是第二个声音的能量三倍。