2017-05-03 126 views
0

希望大家都做得好:) 我有一個關於在高圖中顯示數組對象列表的問題。 以下是我的數據結構,您可以看到這是一個包含5個數組對象的列表。顯示高位數組對象列表

enter image description here

我想要的「名」是我的x軸值和「y」是我的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,drilldown:item.act_id}]; }) ; ' 這是我的數據結構。 –

+0

我想你想你回答爲[[x1,y1],[x2,y2]] –

+1

我認爲這是一個問題:'return [{name:item.act_title,y:item.session_seconds/3600 || 0,drilldown:item.act_id}];'==>'return {name:item.act_title,y:item.session_seconds/3600 || 0,鑽取:item.act_id};'(刪除額外的數組)。 –

回答

0

請CONVER你對象的數組作爲

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

這會給你的[[X1,Y1],[X2,Y2],[X3,Y3]格式

0

希望這會幫助你。

incomeReportChart =新的圖表(incGraphElem,{ 類型: '欄',

數據:{ 標籤:incomeData.labels, barThickness:1,

數據集:[{ 標籤:incomeData .label [0], fontSize的: 「8」, 數據:incomeData.income, 的backgroundColor: 「#5B90C2」, 顏色: 「#000000」, 邊框寬度: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 
      } 
     }] 

    } 
} 

});

這裏您需要根據需要在數據集中設置標籤和數據。