AnyChart / Plot.ly Guru Needed!

0
I am using AnyChart to create a chart with 3 series on 2 axes.  In the screenshot, the purple bars use the right axis (yaxis2) and the lines use the left axis.  As you can see, the 2 axis have (or display) zero lines in different places.  I would like the zero lines to be the same, so that there are not 2 zero lines displaying: Here is the layout JSON for the axes: Any pointers greatly appreciated!
asked
2 answers
1

Lose the “autorange”:true

You don’t need it because you already have a “range”:[0,...] for both axis.

For tinkering with anychart: https://mydemoversion8-sandbox.mxapps.io/p/charts. Go to graph “Multiple Y”, click “Toggle editor” and add this Static code

{
  "title": "Double Y Axis",
  "yaxis": {
    "title": "y1",
    "zeroline": true,
    "overlaying": "y2",
    "range": [
      0,
      20
    ]
  },
  "yaxis2": {
    "title": "y2",
    "titlefont": {
      "color": "rgb(148, 103, 189)"
    },
    "tickfont": {
      "color": "rgb(148, 103, 189)"
    },
    "range": [
      0,
      60
    ],
    "side": "right"
  }
}

 

answered
1

Hey Mike, 

Try to give yaxis2 the property:

"anchor": "y"

or

"matches": "y"

And try to remove the overlaying property on yaxis. 

Let me know if this helps :) 

answered