I wish to get the plotBand id from the highcharts on hover (mouseover), and change some styles in an li tag with the same id. Is there a way of doing this in highcharts? Not seen so solution so far..
If you take a look here you'll see that you can add moseover event to your plotBand.
Then you can get the id by this.id.
this reffers the plotBand.
Demo
Related
I want tooltip whenever i hover 0 to 900 values.
Any idea you have please share me...
enter image description here
Jsfiidle link: http://jsfiddle.net/fwxbfu1u/6/
How to hide Series Name in HighCharts Tooltip when using pointFormatter
Please find below my JSfiddle example
link:
[https://jsfiddle.net/3peLzu6s/2/][1]
Set the tooltip.headerFormat as a null should solve this case.
Demo: https://jsfiddle.net/BlackLabel/a9j4v3b7/
API: https://api.highcharts.com/highcharts/tooltip.headerFormat
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.
highcharts legend overlapping with the name section of the series.
I have got an url : Issue example.
I want to place the legend text bellow the chart.
Please help.
You need to disable floating parameter or use y parameter (http://api.highcharts.com/highcharts#legend.y) to modify position.
When using Highcharts, is it possible to change the contents of the legend to display something other than the series?
For example, I have a scatter chart with just one series but with many elements, so that the element labels obstruct one another and are illegible:
Would it be possible to use the legend to display the element names instead of the series? (each member in the series has a different color so that it is possible to use the legend in this case)
EDIT:
It turns out there isn't any good way to do this, so I wrote my own custom legend. You can find the code here: http://pastie.org/5115536
I hope you find it useful
Highcharts allows to show data points instead of series name in the in the legend. But, Unfortunately its only for Pie charts type:pie.
There is a default option available for the Pie Chart though undocumented in the API.
legendType: 'point',
If you try to set it for other type of chart, Legend does not gets rendered.