Hiding multiple axis highstock, fill empty space - javascript

I'm building a demo chart with highstock displaying 4 axis, two on each side http://jsbin.com/oyicuc/3/edit
I'd like the axis to hide when you click on the series in the legend and for the chart to fill the remaining space. I've used the showempty: false property on the y axis, this works on the outer axis but if you hide the inner axis then the gap where it was remains.
Anybody know if this can be done? Thanks in advance

Related

Tooltip indicator on axis displaying different data than the data plotted on chart

I have multiple y axis and x axis of chart which I change using setInterval based on different criteria
After those changes the cursor displaying values on y axis and x axis displays different value than the value plotted.
How can the cursor display correct value corresponding to the axis?
Please find screenshot attached highlighting the issue.
Thanks

Data on the middle when is one series

I have this area chart, and this has just one data set. My question is, how can I show that data on the middle where is the label and not besides the Y axis. I used the tickPlacement: 'between' on the xaxis option but doesn't work. Any thoughts?
Thanks!

Dates are overlapped in Highchart's areachart

I am using Highcharts area graph.
The type of the chart is "datetime".
The X-Axis labels get well adjusted as long as
Either the width of the chart container div is less than 900px
Or the width is not specified for the div
When I set the width of the container of the div more than 900px, either the labels are appended with the dots or get overlapped.
How it can be resolved. Thanks in advance for any suggestion or help.
You can add the tickInterval option to the x-Axis. This option determines the distance between the individual ticks. For example setting it to
tickInterval: 24*3600*1000
which resembles on day in milliseconds yields no overlapping labels for your chart:
https://jsfiddle.net/doc_snyder/mwzd1rc8/1/
You can also use a new option provided below by highcharts if you are comfortable with showing the labels in 2 or more lines and if you do not want rotated labels.
staggerLines: 2
https://jsfiddle.net/bhavinpatel/153eh40z/

NVD3: Have labels at certain tick values at the top of the graph

I am using NVD3 to draw a graph that uses an ordinal scale on the x axis for dates. I also have a "focus graph" under it to highlight a specific region to display. To automatically update the ticks that are displayed, I use the tickValues() property.
I want to have label on specific dates at the top of the graph. My solution for this was to create another x axis, but above the the graph, plot the same data, but with a 0 height, and then use tickValues() to set the position of the labels. However, the labels don't show up on the top axis. Is there a solution or alternative?
I guess using a secondary x axis is fine. I forgot to remove the line setting the domain property for my secondary axis. When I removed that, it scaled just like my primary axis :)

AmChart second value axis display missbehaviour

I have an amChart with 2 value axis. When the categoryAxis.autoWrap is set to true and the label does not fit, the chart is not drawn correctly, the second value axis is out of view. When resizing the container, sometimes is ok, sometimes not.
Here is an example in jsFiddle.

Categories