Question

我正在尝试在以下性质的Highcharts中创建列图：

X轴：以秒为单位的时间 Y轴：特定时间值出现的次数。

换句话说，我希望能够输入以下数据系列：

[50,50,30]

它应该创建一个包含以下值的柱形图：

x：30，y：1 x：50，y：2

Highcharts中是否可以使用此类功能？

谢谢！

Answer 1

这是可能的，但它与highcharts没有直接关系。

您只需在调用highcharts函数之前创建一个javascript代码段，以便以您想要的格式调整数据，然后在highcharts（系列和总计/值）中使用它。没有图表库可以帮助您。

javascript代码段应如下所示：

var options = {
     chart: {
         renderTo: 'container',
         defaultSeriesType: 'column'
     },
     title: {
         text: 'Fruit Consumption'
     },
     xAxis: {
         categories: []
     },
     yAxis: {
         title: {
             text: 'Units'
         }
     },
     series: []
 };

var items = [50,30,50];
var series = {
             data: []
         };
var notfound;

items.sort();
 for(var i=0; i < items.length; i++) {
   notfound= true;
   for(var j=0; j < options.xAxis.categories.length && notfound; j++) {       
     if (items[i] === options.xAxis.categories[j]) {
       notfound= false;
     }
   }
  if (notfound) {
     options.xAxis.categories.push(items[i]);
    series.data[j]= 1;
  } else {
    series.data[j]++;
  }
 }

 $(document).ready(function() {
   var chart = new Highcharts.Chart(options);
 }

像这样的东西。我希望它有所帮助。

此致

聚合值的HighCharts图

1 个答案: