2010-09-10 223 views
0

我試圖創建一個條形圖,其中數據是分組的。例如。比方說前4條是'深橙',接下來的10條是'Fire Brick',接下來的5條是'Dark Orchid'&最後一組是黃色。我知道有一個叫groupdBars屬性,但我不能確定如何利用這一點:Emprise Javascript條形圖 - 如何在條形圖中創建分組條形圖

http://www.ejschart.com/help/index.html?ejsc_barseries_properties_groupedbars.html

任何人都知道我該怎麼做呢?我以爲我可以不喜歡它的下方,但它不工作:

var chart = new EJSC.Chart("myChart", { 
    show_legend: false 
}); 
chart.addSeries(new EJSC.BarSeries(
    new EJSC.ArrayDataHandler([ 
    [[1,1],[2,1],[3,1]], 
    [[4,1],[5,1],[6,1]], 
    [[7,1],[8,1],[9,1]], 
    [[10,1],[11,1],[12,1]] 
    ]), 
    { 
    lineWidth: 0, 
    title: "The Green Series", 
    groupedBars: true, 
    useColorArray: true , 
    defaultColors: [ 
     'rgb(255,140,0)', //DarkOrange 
     'rgb(178,34,34)', //FireBrick 
     'rgb(153,50,204)', //DarkOrchid 
     'rgb(255,255,0)' //Yellow 
    ] 
    } 
)); 

我有點當涉及到的Emprise一個新手的... :)

回答

0

發現了自己: )您將其添加爲單獨的 '系列':

var chart = new EJSC.Chart("myChart", { 
    show_legend: false, 
    groupedBars: true 
}); 

chart.addSeries(new EJSC.BarSeries(
    new EJSC.ArrayDataHandler([ 
    [1,1],[2,1],[3,1] 
    ]), 
    { 
    lineWidth: 0, 
    color: "rgb(255,140,0)" 
    } 
)); 

chart.addSeries(new EJSC.BarSeries(
    new EJSC.ArrayDataHandler([ 
    [4,1],[5,1],[6,1] 
    ]), 
    { 
    lineWidth: 0, 
    color: "rgb(178,34,34)" 
    } 
));