score:1
You do not really provide enough details but here is something to get you started. In this jsFiddle, I've set up an event to fire when you click on a pie slice. You could add an ajax method in this event to pull any new data from the server and redraw the chart (adjust the series and call the redraw method of the chart).
Please note, if you want a better answer you need to get more specific with your question. How are you building your charts? What have you tried so far that is/isn't working? Show some code, set up a jsFiddle as I have done, this will get you better results.
score:1
You can use the click event. Take a look at the API: http://api.highcharts.com/highcharts#series.data.events.click
From the event handler you can get the string with "this.name" or even get some kind of identifier with "this.options.somevariable"
"somevariable" means whatever variable name you create in the series data. For example in my case I name the identifier as simply "id":
{
name: "Slice 6",
id: 6,
events: {
click: function()
{
alert(
'The name is ' + this.name +
' and the identifier is ' + this.options.id
);
}
}
}
Source: stackoverflow.com
Related Query
- Highcharts Onclick a PieChart slice should refresh the chart
- Highcharts piechart with slice animation and drilldown on click together throws exception in chart and breaks the pie chart
- Add onclick event on chart made with the highcharts library
- HighCharts Stacked Column Adding Onclick Event to the chart
- Highcharts same legend color as of the pie chart slice color
- Disabling a slice for a Highcharts pie chart when creating the chart
- Highcharts same legend color as of the Pie chart slice color?
- How to change the color of the each slice in piechart based on the backend response using highcharts
- How to expand same chart in the highcharts on bootstrap modal onclick a thumbnail chart in angular 6
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- HighCharts - Make the pie chart 100% of the div
- Highcharts => Getting the id of a point when clicking on a line chart
- HighCharts : Adding Hyperlinks to the X-Axis of the chart
- How do you increase the performance of highcharts chart creation and rendering
- Highcharts - Legend Positioning outside the chart
- Highcharts chart click event fired on click of the reset zoom button (bug?)
- HighCharts Pie Chart - Add text inside each slice
- Using Highcharts and displaying a message over or on the chart when there is no data
- Highcharts Bar Chart - How to set the minimum bar width/length
- Highcharts - Scatter chart with a line connecting the dots in the series
- Highcharts with reveal.js: Refresh chart with slide?
- Highcharts - Bar - Setting the X axis width and the chart area width to be constant
- HighCharts tooltip appearing behind the dialog holding the chart
- Highcharts - areaspline with negative values, area should be always at the bottom
- Highcharts Bubble Chart - How to move an individual point's data label (dataLabel) to the front/top
- Length of slice in Highcharts pie chart
- Highcharts column + line combination chart with multiple series. Issue aligning line over the column
- Chart highlighting in the highcharts javascript API
- What should be the right borderWidth in a solidgauge Highcharts chart?
- Highcharts - Rotate pie chart aligning the clicked section to a fixed point (180°)
More Query from same tag
- Highcharts and phantomjs error. Can't find variable Highcharts
- Highcharts creating series for column graph
- Highcharts Legend item text alignment
- How can I ensure my Highcharts don't break my flexbox layout?
- Drilldown more than 1 subreport using Highcharts
- xAxis order of R highcharter column plot
- updating high chart on real time in angular js after a particular time
- Highchart x-axis hide only values greater than 100
- dynamically set height of chart when printing Highcharts
- Highcharts Annotation Position/Top Is Incorrect Upon Initial Rendering
- highcharts with angular, removing xAxis line
- How do I redraw a series on HighCharts?
- How to setExtremes in xAxis event handler?
- X-Axis date fromatting in highcharts
- Making tooltip behave like in scatter
- insert specifics js in the header of some pages - active admin
- call hidden value to highchart
- Highstock column chart y axis ceiling issue
- Which web charting libraries export well with Wicked PDF?
- stockChart shows future date label
- Highcharts Stack Column Sum Positive and Negative Together
- Highchart ticks start point change when categories names are set
- HighCharts : xAxis Categories Date format not working
- Create new value in legend for 2nd and 3rd drilldown
- HighChart Avoiding points on the plotbackground
- Tooltips getting cutoff in pie charts in highcharts
- Highcharts prevent xAxis Labels hidden
- Highchart.js Custom Y-Axis Ticker
- Load JSON data to Highchart
- high charts parse json data