Question

我想使用highcharts.js制作大量数据的直方图。

像https://medium.com/@aksudupa11/getting-started-with-hystrix-e454158f2867这样的默认chart.histogram不能满足我的需求，因为我想自己使用BigQuery汇总数据。

因此，输入数据将为[[0, 123], [10, 1234], [20, 12345], ... , [90, 1234]]。

是否可以通过调整选项将条形图用作直方图？

或者有没有更简单的方法可以根据上面已经汇总的数据制作直方图？

就图表的样式而言，我认为仅将数据输入条形图并不能作为直方图。

Answer 1

是否可以通过调整选项将条形图用作直方图？

当然！列接受这样的数据数组，在作者评论之后，必须将数据分开：

var bigQueryData = [[0, 123], [10, 420], [20, 650], [30, 712], [40, 1020], [50, 1300], [60, 900], [70, 681], [80, 351], [90, 220]];

var xAxisCat = [],
    realData = [];

bigQueryData.forEach(data =>{
    xAxisCat.push( (data[0]).toString() );
    realData.push( data[1] );
});
...
xAxis:{
    title: { text: 'Histogram' },
    type:'category',
    categories: xAxisCat
},
...
series: [{
    name: 'custom Histogram',
    type: 'column',
    data: realData,
}]

Updated Fiddle

如何从已经聚合的数据制作直方图？

1 个答案: