I want to draw a bubble chart using Highcharts with an arrow or a pointer that points to a certain position on the circumference of the bubble depending upon a data value.
Think of it like this: each bubble is like a gauge without any calibrations. It has just a dial which points to a single point on the bubble surface, preferably on the inside.
This is an example image of the bubble for reference:
Is this possible? Or am I reaching?
I got an answer from the Highcharts forum where I'd posted the same question:
http://forum.highcharts.com/highcharts-usage/bubble-charts-with-arrow-pointers-t36575/
Related
I'm drawing a chart in an iOS app and I want the gridlines to start in the x axis but end in the data point instead of extending all the way up to the top.
Is this possible?
Thanks in advance.
NC
Disclaimer: I work for ShinobiControls
The shinobicharts framework doesn't currently support this as an out-of-the-box feature.
A workaround may exist though. You may be able to add your own gridline subviews by using the SChartAxis method pixelValueForDataValue: to work out where in the plot area coordinate space you should draw your vertical line up to for a given data point.
Once you have your coordinates there are various ways you could draw your gridlines:
Add a canvas view behind or in front of the chart (depending on what effect you want). Then use your coordinates to draw your gridlines using CoreGraphics or some other drawing technique.
Create individual UIViews that each represent a gridline using your coordinates and add these behind or in front of the chart.
One thing to be aware of with this technique is that the gridlines will not automatically update when you pan and zoom. In order to do this you will need to override one of the chart's delegate methods that notify you of range changes and update your drawn gridlines to match the new data point positions.
Another potential workaround could be to use a column series to mimic gridlines. If you create a column series and feed it the same data points as your original series this will result in columns that go up to the y-value of each data point. You could then use the property interSeriesSetPadding on SChartAxisStyle to cause the columns to appear very thin.
I hope that information is useful!
I am helping my organization put together some Pie and Donut charts using Highcharts, and some of our charts will have zero value points. Normal behavior is to not render these points out, but that leaves us with an empty chart.
So, is there a way to set a "background" circle for the Donut chart so that if all values are zero, the user still sees a gray donut (indicating "0" values)?
I don't want to use something like a background image because then it may not adjust responsively in a proper manner. Plus, we'd like the parameters of the circle to be adjustable just like other data elements in Highcharts.
Thanks for any and all advice!
I have chart showing time data. I have two points back in time which I need to "mark" in the chart.
I currently indicate these two by plotlines, but would like to show bar, with let's say green and blue bars showing the timespans (for example -13days from now with blue and -90days -> -13days with red).
I would use plotBands, but I can't specify their height and do not want to have them all over the chart.
Is there some way? I saw something about translating pixels and drawing rectangle, but wasn't able to make it work. Also - I zoom a lot in this chart.
You can use Renderer and add custom shape. In other cases, please attach mockup of your goal.
http://api.highcharts.com/highstock#Renderer
I have a stacked area chart using google charts. An example is here: https://code.google.com/apis/ajax/playground/?type=visualization#area_chart
The problem is, when I hover the cursor over an area, no tooltip is displayed. I need to hover the boundary of two neighboring areas to display the tooltip.
Is it possible to display tooltips when hovering areas? If not, do you know of some workaround?
You can use a SteppedAreaChart for this. Set isStacked to true, and by default the tooltips will be shown on hovering over an area.
No, you can't spawn the tooltips by hovering over the area. There is no way easy way to work around this, as the Visualization API does not trigger mouse events on the areas.
If you want to put the effort into this, you can create custom mouse event handlers on the chart's SVG/VML code. It might be possible to extrapolate which area the mouse is in, and given that, you can extrapolate the x-axis position from the mouse coordinates using the ChartLayoutInterface, and spawn a custom tooltip based on that information. Be aware that any solution involving the chart's SVG/VML code could break at any time, as the internal structure of the charts is not guaranteed to be stable from version to version.
I'm trying to create an 'average' point in a scatter chart that when clicked, will expand to show the 'component' points, similar to how Hans Roslings 'Gapminder' application does to provide more detail from aggregate/container points.
Is this something that Highcharts can do?