I using highmaps / highcharts, but I need to see the legends of each part of the map fixed. Something like it looks like in the image below. My need is to display the legend without requiring the user to hover over
enter image description here
Related
Is there any way to get the legend "icon" in tooltip? I need to show the legend "icon" in the tooltip so i can identify what series I'm referring to.
I'll try to explain it better.
When you create a chart, in the legend, next to the name of the series, there is a "mini" line, that represent the line of the series, the color, and the style.
That what I need to show in the tooltip.
I'm not referring to the dot marker but the small lines that appears in the legend.
Is that possible?
Edit:
I'm using the formatter that the tooltip api provides. There I have a reference of the point that I'm hovering on, and all the data associated to that point.
I can get the value, the chart, the series, the series to which it belongs, que point marker, almost everything.
But I can't figure how to get the little coloured line that appears next to every series name in the legend.
I guess is as simple as get one of the values that appears in the point data, but I don't know what I should look for, there are a lot of properties.
I found a solution.
You can look for the point.series.legendLine.
There you have all the info required for the legend svg, even you can get the outerHTML and paste directly to show the legend icon.
How?
How to make the legend come in the image while exporting chart as png image?
Please refer JSFIDDLE.
Highcharts is designed for export only chart. If you want to export also elements outside the chart, you can use for example html2canvas. Take a look at the example posted below.
Example:
http://jsfiddle.net/h96daj1k/
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/
I'm looking for a free iOS component that allows me to draw a doughnut chart with text in the center. So far I've only used Code Plot, but that is a full pie chart.
I'm attaching an example of the requirement.
Any help will be much appreciated.
I suggest searching on cocoacontrols.com. They have lots of open source controls for iOS and Mac. I didn't se any specifically called "doughnut chart" but some of the pie charts controls might offer that option.
In fact, it seems that this one does include what you're calling a doughnut chart. It doesn't look like it has built-in support for a label in the middle, but it does create a ring-shaped chart like you want.
You could also always create a pie chart and then put a view on top of it that is transparent except for a white circle in the middle, and then put a label on top of that.
Getting a little more complex you could modify the CorePlot control and add a filled CAShapeLayer to it.
Another option is to create svg chart and use UIWebView to display it. With svg chart, you get much more flexibility with libraries like highcharts and d3js. Here's an example with donut chart:
http://vida.io/documents/Byh8tTakzB59oGa9f
You can embed the link or save svg and display in UIWebView. Saving svg works offline.
I am trying to put a tooltip on an image map area, it looks like its not supported, is there a way of getting it there, too ?
In this plunker, the second kitten has a working image map, but no tooltip on it ...
To get a tooltip on your second image in your plunker demo you need to add a # to your usemap (usemap="#test")
and then add an href="#" to your area element.-7N