Stacked Bar Series - How to reorder the legend

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?

Find more posts tagged with

Comments

pricher

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

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

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

pricher

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

Thanks a lot. It did work.

newcomer1

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

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);

}