Question

我想绘制一个有两列的Google Charts Histogram。

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

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

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

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

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

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

我考虑使用column chart，但x - 轴标签的位置与x值不成比例。 histogram看起来也更适合这些数据。

有关柱形图，请参见http://jsfiddle.net/y755h/。

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

Answer 1

直方图的性质无法达到你想要的效果 - 你需要的图表是一个ColumnChart。

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/

在Google Charts Histogram中指定列高

1 个答案: