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.
Related
I found some article about changing the font size of the actual x axis TITLE but what I would like to do is see if I can make the font for the actual values small enough so that it shows the value for each point in the series. As in example image, I have twice as many data points as x-axis labels for them, is there some way to force the plot to show all the values (i.e for each point), either explicitly or by changing font size?
(sorry I clipped off the top of the image but the points which align with the white horizontal lines get the x axis labels and the ones inbetween don't). I don't know if this is a tick mark spacing issue or a font size/display limitation.
I am plotting in a Jupyter notebook 8 of these figures 2 cols, 4 rows, so I am pretty limited by display size
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/
Suppose I want to create two charts with horizontal bars. The names of the objects are listed on the y-axis and the horizontal bars represents some quantity. The first chart has 100 items and the second chart has 5 items.
When I create the charts the horizontal bars have different widths. I'd like the bars to be the same width across all of my charts.
I know I can try different values for the height parameter to the AddShape function. But that seems time-consuming and unreliable since the number of items can change. I'd like to do something like:
Chart.BarWidth = 10
The "thickness" of each bar will be primarily determined by the number of data points that need to be plotted. The more data points to plot, the thinner the bars will be. There are some options to further tweak them, such as IChartGroup.GapWidth, and you're welcome to try to adjust this so that both charts match. But I suspect that it will be very difficult to do this reliably, particularly if the number of plotted points is expected to change over time.
To maintain the same bar thickness for multiple charts, I think your best option will be to ensure both charts' series refer to the same size range. So if your first chart refers to 100 cells, have your second chart refer to 100 cells, even if only 5 are populated with values. The empty cells should not plot but will still take up space and therefore maintain consistent bar thicknesses between your two charts.
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.
I am creating a column chart using highcharts, I need to specify the width of the column and I am able to achieve that using the plotOptions.column.pointWidth property, after that I need to specify the distance between the columns in pixels, and I don't find anything in the API about it, I tried using plotOptions.column.groupPadding and plotOptions.column.pointPadding but they don't work if the column width is fixed. Please let me know how to achive that.
In addition to specifying the space between columns, I would like to give the columns a background color that spans the entire y-axis.
Do you mean something like in this:
Unfortunately you can set or fixed width for columns (as you are using) or floating width using groupPadding and pointPadding. Highcharts doesn't provide option to set fixed width for bars and between them. You can create an idea here: http://highcharts.uservoice.com/forums/55896-general