2013-07-02 36 views
1

我正在使用堆疊百分比高位圖。我只需要一個列。陣列的單列HighCharts

var options = { 
      chart: { 
       renderTo: 'container', 
       type: 'column' 
      }, 
      title: { 
       text: 'User Source Chart' 
      }, 
      xAxis: { 
       categories: ['Users'] 
      }, 
      yAxis: { 
       min: 0, 
       title: { 
        text: 'Total users' 
       } 
      }, 
      plotOptions: { 
       column: { 
        stacking: 'percent' 
       } 
      }, 
    series: [{ 
      name: 'Referred', 
      data: [referred] 
     }, { 
      name: 'Direct', 
      data: [direct] 
     },{ 
      name: 'AIDs', 
      data: count 
     },] 
     }; 
     chart = new Highcharts.Chart(options); 

referreddirect是變量,而count是一個數組。我得到的輸出是,直接引用是在一列中出現,但對於count數組,每個數組元素都有一個單獨的列。我希望所有計數數組元素都顯示在與直接相同的列中並且被引用,即應該只有一列。

回答

0

根據你的描述它的作品對我很好,請參見:http://jsfiddle.net/3bQne/274/

我已經設置變量:

var referred = 13, 
    direct = 33, 
    count = [25]; 

爲隨機變量。

+0

嗨,但我不想這個輸出。我想要單個堆積百分比列中的每個數組元素。例如,如果count = [25,30],則顯示兩列。我希望他們在一個專欄中。 – user2510555

+0

Highcharts中的邏輯是不同的 - 當你設置count = [25,30]時,這意味着你有兩點[0,25]和[1,30],那麼它們就會被繪製出來。如果你想堆疊它們,你需要將計數分成兩個系列,併爲它們設置相同的「堆棧」。 –

+0

我發現這意味着我有第二點。仍然無法弄清楚如何將計數分成多個系列來堆疊它們。你能幫忙嗎? – user2510555