Stacked Bar Series - How to reorder the legend

noe-su · January 15, 2016

I have a stacked bar chart with five series (A, B, C, D, E).
The chart is drawn as I like to have it: A is at the bottom and E is stacked at the top. 
But in the Legend A is at the top and E is listed as last.
How can I change the legend order without changing the stack order?

pricher · January 15, 2016

Hi,
 
Which version of BIRT are you running? What type of chart output? SVG? HTML5?
 
I have tried both BIRT Open Source and BIRT Commercial and got correct results as show in this screen shot:

noe-su · January 18, 2016

It is Birt Version 4.4.2.v201410272105 (cannot take another one cause it is integrated into our software). 
The output format is ODP.
I'll send you the design. It has two charts in. It is about the second one with the name "theChart".

noe-su · January 18, 2016

Attached the report design and a picture of the output.
The chart has 5 stacked bar series and 10 not stacked line series.

pricher · January 18, 2016

Hi,
 
Interesting... It appears the legend is displayed in reverse order only when the stacked chart also includes series displayed as lines.
 
Anyhow, with some chart scripting, I was able to reverse the order. I found the script from an old post on eclipse.org, and applied it "as is".
 
Since I cannot run your report, I am sending you a sample report built with Classic Models. You can copy and paste the chart scripting from my example to your report; it should work.
 
Hope this helps,
 
P.

noe-su · January 19, 2016

Thanks a lot. It did work.

newcomer1 · February 20, 2023

Hi, my BIRT version is 4.9.0. And I have the same problem. The legend order is reversed when stacking the bar. Could anyone please help me with it? I want to reverse the legend order or control it.

newcomer1 · February 20, 2023

I solve the problem by swapping the left and right item locations, the order will be reversed. It works fine for me.

function beforeRendering( gcs, icsc )

{

var legendItems = gcs.getRunTimeContext().getLegendLayoutHints().getLegendItemHints( );

for( i=0; i < legendItems.length / 2; i++ ){

// left item and right item

var leftItem = legendItems[i];

var rightItem = legendItems[legendItems.length-1-i];

//swap their location(top, left)

top = leftItem.getTop();

left = leftItem.getLeft();

leftItem.top(rightItem.getTop());

leftItem.left(rightItem.getLeft());

rightItem.top(top);

rightItem.left(left);

}

Stacked Bar Series - How to reorder the legend

Comments

Categories