Multiple x-Axis

Tom Code

<p>Hi BIRTER,</p>
<p> </p>
<p>I'm using BIRT Pro and try to duplicate another x-Axis like this <a data-ipb='nomediaparse' href='http://jsfiddle.net/kPqKW/'>http://jsfiddle.net/kPqKW/</a></p&gt;
<p>So I added below script to customize chart, use the property "opposite", but unlucky it not works</p>
<div>/**</div>
<div> * Called before chart instance is rendered.</div>
<div> *</div>
<div> * @param options</div>
<div> *            chart options</div>
<div> * @param  chart</div>
<div> *             chart instance</div>
<div> */</div>
<div>beforeRendering: function(options, chart)</div>
<div>{</div>
<div>//You can change options here.</div>
<div>console.log(options);</div>
<div>var xAxis2 = jQuery.extend(true, {}, options.xAxis);</div>
<div>xAxis2.opposite = true;</div>
<div>xAxis2.staggerLines = 2;</div>
<div>options.xAxis = [options.xAxis, xAxis2];</div>
<div>}</div>
<div> </div>
<div>Currently BIRT use HightCharts version 1.3.4 (you can check by this line on browser's console " actuate.report.HTML5Chart.Highcharts.version"). So is that the reason I can not use "opposite" ?</div>
<div> </div>
<div>Thank you so much for your help.</div>
<p> </p>

JFreeman

<p>What version of BIRT Designer Professional are you using?</p>
<p>What is the  behavior you are seeing?</p>
<p> </p>
<p>When I run this code on a HTML5 chart in the iHub 3 designer (4.2.3), the second xAxis appears to be displaying and the opposite call also looks to be working. If I comment out the line with the opposite call the axis line moves from above the chart to below.</p>
<p> </p>
<p>Also, if I add a line to your code like xAxis2.lineColor = "#ff0000" the new axis line drawn above the chart does change color to red successfully.</p>