I have a Highcharts bubble graph on my page and the top of one of the bubbles is getting chopped off because it is right at the top of the y axis. I've set the maxSize to 50% and would like to keep it that way. Is there a way to allow the bubbles to not have this overflow hidden sort of effect?
Without seeing an example I can only say to try adjusting the yAxis max value. That way there would be space to render your items. Or you can calculate your highest yValue bubble's radius and increase your yAxis by that pixel ammount in yAxis values.
Related
I have three pie charts displayed in a row. Two have two segments, one has five. All three have vertical legends.
Given that, the chart with five segments displays the pie slightly smaller, due to the extra height of the legend. It also has a slight negative vertical offset.
Is there any way I can set all three charts to render the chart in the same position? I've tried setting the center to 50%,50% in plotOptions, didn't help.
You have to set the marginBottom-Value of the chart to a value that is equal an all charts. Highcharts is trying to display the pie as big as possible, therefore it will use more space if the legend is not as big.
By setting the marginBottom you force the chart to ignore the actual legend size.
The center: ['50%','50%'] setting will only take into account the actual plot area. So if this area is decreased because of a taller legend it has no effect.
I made a jsfiddle where you can explore this settings:
http://jsfiddle.net/doc_snyder/dsmgy6ts/
I am using highchart to show bubble chart. Everything is working fine except in many cases there are lot of horizontal space(below min cirlce and above max cicle) and vertical space(left of lowest x and right of highest y). Because of this issue my chart sometimes seems very crowded even though there are some free space left in chart. I tried setting min/max of x/y axis but then it then clipped top/left circle. Is there any way i can instruct highchart to use all space in chart to draw bubbles.
I have created sample script at
`http://jsfiddle.net/ftghd9ny/1/`
In this demo you can see extra vertical space. X axis is showing fine. In some other cases there are extra space along x axis.
I have a requirement to draw Core Plot horizontal bar chart with everything on the negative y-axis. I.e. the first index should appear at -1, like below:
I have figured out how to draw horizontal Bar Chart. But figuring out how to draw them in an "inverted" manner (to let user scroll downward with the tallest bar on top). My thought:
1) Convert the Y-index to negative
2) offset the Y-axis to the top of the graph instead of bottom
Is there any better way to do it?
I have found a historical article that's similar to my request (core-plot iOS reversed Y axis).
I have got what I needed after using this:
CPTPlotRange plotRangeWithLocation:CPTDecimalFromFloat(-yMax-1) length:CPTDecimalFromFloat(yMax)
P.S. you need to add the -1 to the Location parameter (-yMax-1) otherwise the horizontal bar at index 0 will not be shown clearly.
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/
I have highchart bubble chart based on eg. http://www.highcharts.com/cases/bubble.htm
The radius for bubbles is set dynamically depending on a table's column value.
The value for that column ranges from 0-20000.For larger values we will take square root.
But for values like 1,2.. we wish to use the values directly, but the bubbles appear too small.
In anyCharts we can set min and max bubble sizes and also it relatively adjusts size.
Is there any way so that bubbles are visible in highcharts.