jquery - 値を集計する HighCharts グラフ

Question

次の性質のハイチャートで縦棒グラフを作成しようとしています:

X 軸: 秒単位の時間 Y 軸: 特定の時間値が表示される回数。

つまり、次のデータ系列を入力できるようにしたいと考えています。

[50,50,30]

次の値を持つ縦棒グラフを作成する必要があります。

x: 30、y: 1 x: 50、y: 2

このタイプの機能はハイチャートで可能ですか?

ありがとうございました！

Answer 1

可能ですが、highchartsとは直接関係ありません。

highcharts関数を呼び出してデータを必要な形式に分割し、それをhighcharts（系列および合計/値）で使用する前に、javascriptスニペットを作成する必要があります。チャートライブラリはあなたのためにその仕事をしません。

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);
 }

このようなもの。お役に立てば幸いです。

よろしく