2017-05-03 6 views
0

あなたはうまくいくといいですか? 配列オブジェクトのリストをハイチャートに表示することについて質問があります。 以下は私のデータ構造ですが、これは5つの配列オブジェクトのリストです。ハイチャートの配列オブジェクトのリスト

enter image description here

私は「名前が」私のY軸の値となるように、私のX軸値と「Y」になりたいです。

series: [{ 
      colorByPoint: true, 
      data: $scope.requiredData 

     }] 

それは私にこのようなチャートを返し、 enter image description here

は、誰もがそれを助けることはできますか?

多くのおかげ

+0

'function(data){ $ scope.records = data; $ scope.requiredData = $ scope.records.map(function(item){ return [{name:item.act_title、y:item.session_seconds/3600 || 0、ドリルダウン:item.act_id}]; }}) ; ' これは私のデータ構造です。 –

+0

あなたはあなたが[[x1、y1]、[x2、y2]]のように答えてほしいと思います。 –

+1

私はこれが問題だと思います: 'return [{name:item.act_title、y:item.session_seconds/3600 || 0、ドリルダウン:item.act_id}]; '==>' return {name:item.act_title、y:item.session_seconds/3600 || 0、drilldown:item.act_id}; '(余分な配列を削除しました)。 –

答えて

0

これは[[X1、Y1]、[X2、Y2]、[X3、Y3]]形式

としてあなたを与えるだろう

var result = array.map(i=>([i.name,i.y])) 

などのオブジェクトのあなたの配列をCONVERください。

0

希望すると、これが役立ちます。

incomeReportChart =新しいグラフ(incGraphElem、{ タイプ: 'バー'

データ:{ ラベル:incomeData.labels、 barThickness:1、

データセット:[{ ラベル:incomeData .LABEL [0]、 のfontSize: "8"、 データ:incomeData.income、 backgroundColorの "#1 5B90C2"、 色: "#000000"、 borderWidth:1 }、

options: { 
    scales: { 
     yAxes: [{ 
      stacked: true, 
      barThickness : 5, 
      ticks: { 
       fontColor: '#454545', 
       stepSize : 5000, 
       beginAtZero : true 
      } 
     }], 
     xAxes: [{ 
      stacked: true, 
      fontColor: '#454545', 
      barThickness : 12, 
      ticks: { 
       beginAtZero:true 
      } 
     }] 

    } 
} 

});

ここでは、ラベルとデータを要件ごとにデータセットに設定するだけです。

関連する問題