javascript - 在Google Charts Histogram中指定列高

我想用两列绘制一个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？

最佳答案

直方图图表的性质无法满足您的要求-您需要的图表是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/

关于javascript - 在Google Charts Histogram中指定列高，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25047752/