Grouping Series of chart

shivkumar150

<p>Hi All,</p>
<p> </p>
<p>I have a CSV file which will have values for only one X-axis object(It will always be one) . As follows:</p>
<pre class="_prettyXprint">
Object,PR open, PR closed, ECR open, ECR closed, ECN open, ECN closed,
ProductA,16,23,36,26,48,49,</pre>
<p>In a chart, Object is on X-axis, while all remaining are the Series. Is it possible to group series and have their bars adjacent like {[PR Open,PR closed],[ECR Open, ECR closed],[ECN open, ECR closed]}.</p>
<p> </p>
<p>Well if that's not possible, how can I increase the space between the bars of series(not between X-axis elements aka. Unitspacing)? I checked<a data-ipb='nomediaparse' href='http://developer.actuate.com/community/forum/index.php?/files/file/583-add-spacing-to-stacked-bar-optional-grouped-chart/'&gt; this</a>, but the API seems to be changed.</p>
<p>Attached is the CSV</p>
<p> </p>

pricher

<p>Hi,</p>
<p> </p>
<p>Assuming your example where you have 6 series (PR Open, PR Closed, ECR Open, ECR Closed, ECN Open, ECN Closed) and you want to leave extra space between group PR, ECR and ECN in a bar chart, you can use the following script:</p>
<pre class="_prettyXprint _lang-js">
function beforeDrawSeries( series, isr, icsc )
{
if (series.getSeriesIdentifier().toString().indexOf("PR") >= 0) {
x = isr.getSeriesRenderingHints().getDataPoints()[0].getLocation().getX();
isr.getSeriesRenderingHints().getDataPoints()[0].getLocation().setX(x - 10);
}
else if (series.getSeriesIdentifier().toString().indexOf("ECR") >= 0) {
x = isr.getSeriesRenderingHints().getDataPoints()[0].getLocation().getX();
isr.getSeriesRenderingHints().getDataPoints()[0].getLocation().setX(x + 10);
}
}
</pre>
<p>You need to build the chart with 6 Y-Series and named them accordingly. The script simply offsets the 2 bars of the first group (PR) to the left by 10, and the 2 bars of the last group (ECR) to the right by 10. </p>
<p> </p>
<p>The end result looks like this:</p>
<p> </p>
<p>