nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Problem with auto colors for grouped and stacked bar charts

dermoritz

i am creating grouped and stacked bar charts via birt-chart-api. The result looks as follows:

Find more posts tagged with

Comments

kclark

dermoritz, 
 
You could do something like this in the onRender() of your chart 
 
<pre class='_prettyXprint _lang-auto _linenums:0'>
function beforeDrawDataPoint( dph, fill, icsc )
{
var sValue = dph.getSeriesValue();

dph.get

if(sValue == "b1,m") {
fill.set(r, g,

;
} else if (sValue == "b1,w")
fill.set(r, g,

;
} // And so on for the stacked bars

}

function beforeDrawLegendItem(lerh, bounds, icsc)
{
label = lerh.getLabel();
labelString = label.getCaption().getValue();

if(labelString == "b1,m") {
lerh.getFill().set(r,g,B);
} else if (labelString == "b1,w")
lerh.getFill().set(r,g,B);
} // And so on for the rest of your legend
}
</pre>
 
If you have only a few groups you could try the above code. This will let you choose what colors for each series in your chart and change the legend to match.

dermoritz

thx, 
 
but in meantime i solved the problem. 
 
The problem was the bad javadoc. It is working if the used integers are negative! So if you want to shift color one position so that a "BarSeries" begins with the second color (red instead of blue) you have to call 
<pre class='_prettyXprint _lang-auto _linenums:0'>groupSeries.getSeriesPalette().shift(-1);</pre>
 
So in my case i call 
<pre class='_prettyXprint _lang-auto _linenums:0'>groupSeries.getSeriesPalette().shift(-lastBarSeriesSize);</pre>
 
(This was not the first time that i stumbled badly over the missing or bad documentation - i also got the 2 birt books but they didn't help neither :-P )

kclark

Thanks for the update on that, glad you got it working!