Enabling y2axis for ojchart

3070722

I'm not able to enable the y2 axis for the ojchart component.  No second y axis is rendered when I try to enable the y2 axis.  Here is a sample of the code I'm using to enable the y2 axis:

<div data-bind="ojComponent: {

     component: 'ojChart',

     y2Axis: {
       rendered: 'on',
       axisLine: {

          rendered: 'on'

      },

     }

}">

Is there something I'm doing wrong or I'm missing?

Thank you.

Ruben Rodriguez

hello,

Check this example in the Cookbook: http://www.oracle.com/webfolder/technetwork/jet/uiComponents-lineChart-dualY.html

regards,

Ruben.

Hugh Zhang-Oracle

Hi,

By default, the y2 axis will be rendered whenever a y2 series is present in the data. To specify a series as corresponding to the y2 axis, set assignedToY2 to "on" on the series object. For example, the second series in the following snippet is assigned to the y2 axis.

      <div data-bind="ojComponent: {

           component: 'ojChart',

           series: [{name: 'y1Series', items: [1,2,3]},

                        {name: 'y2Series', assignedToY2: 'on', items: [10,20,30]}]

      }" style="width:400px; height:300px;">

    </div>

The y2Axis attributes are only needed if you want to customize or hide the y2 axis, gridlines, labels, or title.

One additional tip is that charts with y2 axes can be harder for the user to understand, so you could consider using our split dual-y feature. It's enabled by setting splitDualY to "on", and you can try it out in the link that Ruben posted above.

Hope this helps,

Hugh