plot two ranges y-axis in a morris.js line chart

Question

I have two series with different range and I am trying to plot it in two ranges with different scale on two y-axis of line chart morris.js. Is that possible?

I only can see one serie-1 because serie_2 is plotted in value 0 because the numbers are smaller than serie_1.

 new Morris.Line({

          element: dest,
          data:data,
          xkey: 'date',
          ykeys: ['serie_1','serie_2'],
          labels: labels,
...
})

Blunderbuss

Not implemented yet: github.com/morrisjs/morris.js/issues/113 – Diocesan

Answer 1

Tom Lank pointed to a Morris issue; I got to another one from there (multiple scales same chart), and from there to the superimposed graphs at superimposed graphs example.

I'm not sure whether you can superimpose the graphs and change their opacity using the Morris object model itself, but for sure it is doable with plain CSS.

That said, I'd rather present both graphics side by side; superimposing them certainly leads to magnitude confusion.

I hope that helps!

Nimmons