I am having a problem with Highcharts y axis alignment with labels and text when there are more than one yAxis and opposite is true.
example
http://jsfiddle.net/EuPwn/17/
Thanks in advance,
Sai
So you have both yAxis on the right but on the same yAxis IDs. I would not do that, honestly. Why not an axis on the left and right? Or if you want both on the right still use 2 different IDs.
Something like this:
http://www.highcharts.com/demo/combo-multi-axes
Related
How can we change the y axis of each line chart and colum chart .
I attached the sample.I want to change the y axis data of line to right side and change the colum data to left side.
How can we make it possible
You can look into changing the opposite property for the axis.
http://api.highcharts.com/highcharts#xAxis.opposite
Note, for highstock the default value is the opposite of for highcharts
http://api.highcharts.com/highstock#xAxis.opposite
I have multiple Y axis and to differentiate the Y axis I want to display the legend icon just beside Y axis. So is there any way to do this I know we can make the Yaxis itself as the color matching with series but unfortunately that is not needed.
Highcharts is super nice because most text elements will have a style element associated with them. This uses CSS to style the text element for you.
So you can make the yAxis.title.style red or whatever color you want. This isn't just for titles, you can also make the values of the axis a certain color as well with style (make them red, or whatever you want).
I have used Spline with inverted axes, in that i need categories alignment left side.
"Is committed to advancing the future of technology" at present it is right aligned, now i need left aligned.
Please help me on this.
or example
http://www.highcharts.com/demo/area-inverted/grid
In the above link i need Monday et.. should be left aligned.
Yes, it's possible, but you will need to specify:
chart.marginLeft
xAxis.labels.x
xAxis.labels.align to left
See together: http://jsfiddle.net/fAfC4/
Note that leftMargin and x are fixed values, so it won't resize in a default way, like does by default.
Hi I am using HighStock 1.2.4
I do have multiple series and separate yAxis for each series. I am calculating height and topPadding and creating stacked series.
Now, I am facing two problems.
I have used rotation with yAxis to rotate labels but its not rendering correctly.
Example: http://jsfiddle.net/mhardik/uZaWz/9/
I have also used rotation for X Axis labels, but the last series position is getting messed with X Axis Labels.
http://jsfiddle.net/mhardik/uZaWz/10/
1) I'm not sure why it's not rendering correctly, if you want to move a little to the left use x: property for title.
2) First, I think you need to set proper align for xAxis.labels (right). Then make higher chart to make sure you have enough space for a chart.
And jsFiddle: http://jsfiddle.net/Fusher/uZaWz/12/
This Link is a similar example from highcharts.com which i'm working on. I'm trying to place the labels for plot bands on y axis. But as you can see the labels are overlapping on the chart which isn't that good. If i wanna color the labels with the same color of the corresponding plotbands, the label doesn't show up. Is there a way to place it completely outside without overlapping?
Thanks in advance.
A possible solution is to add right margin to the chart, and move the labels over.
Add a marginRight to the chart, and on each label, use x to determine its starting x position.
marginRight:110
and
x: 90 on each label.
http://jsfiddle.net/7xb1Lgx6/ the fiddle.
I think it's not possible to do it yet.
If you add labels to the plotbands it will overlap them.
You can align your labels but if you set x more than your chart width, it will not appear on your chart.
demo