javascript - 在 Google Charts 直方图中指定列高

Question

我想绘制一个包含两列的 Google Charts 直方图。

x-轴由 0 到 1 之间的某个值组成。

对于每个 x 值，两列中的每一列都有一个对应的 y 值。

y 是人数，通常是一个很大的数字。

我希望直方图看起来像第二个例子 https://google-developers.appspot.com/chart/interactive/docs/gallery/histogram#Example3

但是，它们仅显示数据数组中的一行代表一个 y 值的示例，而我无法对我的数据执行此操作，因为 y 非常大。

例如，如果y值为100,000，我必须添加100,000列，这是浪费资源。

我考虑使用柱形图，但x轴标签的位置与x值不成比例。对于此数据，直方图看起来也更好。

参见http://jsfiddle.net/y755h/对于柱形图。

有什么方法可以指定 y 值，例如 100,000 或 500,000？

Answer 1

直方图本质上无法满足您的需求 - 您需要的图表是柱形图。

ColumnChart 中的 x 轴值不成比例只是因为您使用的是“字符串”类型域列。如果您使用“数字”类型，它们将成比例:

var data = new google.visualization.DataTable();
data.addColumn('number', 'score');
data.addColumn('number', '1');
data.addColumn('number', '2');
data.addRows([
    [0.04, 663837, 697079],
    [0.2, 364954, 331866],
    [0.3, 117247, 106683],
    [0.33, 89434, 81420],
    [0.38, 59581, 54221],
    [0.44, 38583, 35271]
]);

参见http://jsfiddle.net/asgallant/y755h/1/