2013-06-21 138 views
0

我使用HighCharts繪製圖形,有,我希望儘量減少highchart減少代碼冗餘

代碼中的一些代碼redundancys看起來是這樣的:

data = [{ 
     y: pageViews[0], 
     color: colors[0], 
     drilldown: { 
      name: date[0], 
      categories: ['a','b','c'], 
      data: [photosR[0], ratingsR[0], searchesR[0], socialR[0]], 
      color: colors[0] 
     } 
    }, { 
     y: pageViews[1], 
     color: colors[1], 
     drilldown: { 
      name: date[1], 
      categories: ['a','b','c'], 
      data: [photosR[1], ratingsR[1], searchesR[1], socialR[1]], 
      color: colors[1] 
     } 
    }] 

這是一個向下鑽取條形圖highchart。我想創建的,而不是寫在下面的代碼2倍

y: pageViews[0], 
color: colors[0], 
drilldown: {...} 

我覺得它與對象的事,但沒有學到很多關於它尚未

+0

恐怕它不與highcharts有關,而且與JavaScript。 –

+0

你試過一個循環嗎?向我們展示您的嘗試! – Bergi

回答

0

我認爲,所有的循環你的數組具有相同的長度,所以循環其中的任何一個都是安全的。
這應該爲你工作:

var data = []; 
for (var i = 0; i < pageViews.length; i++) { 
    data.push({ 
     y: pageViews[i], 
     color: colors[i], 
     drilldown: { 
     name: date[i], 
     categories: ['a','b','c'], 
     data: [photosR[i], ratingsR[i], searchesR[i], socialR[i]], 
     color: colors[i] 
     } 
    }); 
}