Highchart: Spline with clickable Symbols - highcharts

i like to show additional informations on a highchart graph by clicking on a datapoint. I like to visualise this "clickpoint" by setting a flag. That can be done linke the sun that will be shown here: http://www.highcharts.com/demo/spline-symbols/gray
But i did not find any information in the api how to make this marker clickable. Isnt it possible? In the highstocks API i found clickable flags that can be set. But i need to use the highcharts api only.
Maybe some of you have solved this problem and an give me some hints.
Thanks

You can catch it by click function on the point.

Related

Stacked value with line chart with highcharts

I got an situation like this. I would like to using line chart to draw stacked value. I have tried google search but i can't find the solution.
For example: On date May/23 i got 3 values, i would like to display these on line-chart.
How could i achieve this? Does highcharts support to do this one. Please take a look at the link attach to clearer the question
Stacked line chart image
Addition info: Im using highcharts to do this one
Thanks for any comment or answer
Follow jlbriggs
I should use scatter-chart to achieve this one
Regarding the tooltip, I would suggest using a scatter series instead of a line. Set the lineWidth in the plotOptions and it will plot just like a line series, but the tool tips are handled differently. Example: jsfiddle.net/jlbriggs/c1o8Lwgv

Indicate an important date on a chart with either a guideline (with text) or an opened callout

I'm looking for a way to indicate key dates on a highchart with a label eg Public Holiday. I can't find a way to add labeled guidelines or add an opened callout to a point? Help appreciated.
In Highstock you have series type called flags which is a opened callout (similar to Dygraphs annotation). This is probably the closest fit to the indicators you referred. See this JSFiddle example of how it looks. Note how this example uses the Highstock source file, but builds a Highcharts chart. See this documentation for official information.
In Highcharts you can highlight points, labels and value in a wide variety of ways. First of you can add data labels to your points, which renders text next to it. Secondly you can use plot lines to highlight certain values along an axis. See this JSFiddle example of how both of these options can be used.
Of course there are lots of ways to improve and build upon this out of the box functionality, but that is up to your specific demands and desires.

How could i put a highcharts funnel to rotate 90deg

I have to make a funnel chart with 90 deg rotate ,i just want to put it horizontal.
But i tried [HighCharts] with chart.inverted and plotOptions.funnel.reversed, these are doesn't work.
Then i changed to [amChart], i tried [AmFunnelChart], find a property rotate,but it doesn't work too.
I just want a horizontal funnel chart to show on my web page...
Am i have to write it by my self?
It is not supported in HighCharts (source), but you can always request a feature. To do so please post a suggestion on UserVoice, or vote for the ones that already registered.

Showing a cross-hair programatically in Highcharts

Has anyone been able to successfully render a cross-hair programatically in Highcharts?
I have a visualization playing an animation through time and I would like to co-relate the position on the chart via the crosshair. I find that visual cue better than selecting the point on a series. Thanks!
Although Highcharts has something called a cross-hair, I guess what I'm looking for is a plot line.
I've found documentation here and an example scenario
EDIT: I've also noticed that marker.enabled must be set to false or the plot line doesn't show.

Highcharts stacked bar graph as timeline

Is there a way to make the Highcharts stacked bar graph work like a timeline? What I'd like to achieve is demonstrated in this Google Timeline Chart example.
Of key importance is that values can be repeated on the same bar. I haven't been able to figure this out, and currently suspect I may need to fall back to the Renderer and draw this chart manually, or switch to Google Charts, both of which I'd prefer to avoid. Thanks for any thoughts!
Yes, it is possible. This is called a gantt chart. That link has various examples. Some dont work. In that case update the jsFiddle's jquery and change the highcharts.js inclusion url.

Resources