score:38
Accepted answer
you can also go with series.setData()
. This will allow you to change the entire data of a particular series.
Here is the API link for it.
Hope this will be of use for you.
score:5
Eureka - needs nested square brackets so this below works..
options.series[0].data = [[35.00,35.91,36.82,37.73,38.64]];
score:10
You can update the values dynamically as follows :
chart.series[0].setData([89,71,16,12,14]);
If you want to change both value and label, create an array of arrays:
chart.series[0].setData([['Apple',89], ['Orange',71], ['Banana',16], ['Grapes',12], ['Others',14]]);
JSFiddle Demo to update data on a button click.
Source: stackoverflow.com
Related Query
- Changing data dynamically for a series in Highcharts
- Changing Highcharts data series type dynamically
- Add additional data to a Highcharts series for use in formatters
- Changing series color in highcharts dynamically
- Use an array of objects for series data in Highcharts
- Highcharts - Provide URL's for series data to open clickable link
- Sort the series data for every X-Axis in Highcharts
- Changing data in HighCharts series causes y-axis to blow up
- Highcharts not displaying series data for graph with multiple Y-axes
- Dynamically add data to series in Highcharts
- Setting Highcharts Series and Category data dynamically
- Changing tooltip shape for a series in Highcharts
- Highcharts series showing different data for 'column' and 'line' chart
- Highcharts - stacked column - order series index dynamically for each category
- highcharts change series color when data is dynamically inserted
- Show Data For Grouped Series in ToolTip Highcharts
- Highcharts display label for pie chart using html table as data source
- HighCharts - Enable the markers for the series which has only single data point?
- Pass array from js for loop to highcharts series data
- Highcharts Polar Chart - Specify Data Series & Tooltips for each Axis
- Extract data series from a JSON array for a Highcharts chart with 2 y-axis
- Changing backgroundcolor of tooltip for a specific data point in Highcharts
- Fixing/discounting a data series when changing chart-type in Highcharts
- highcharts - zoom issue after changing series data
- Inserting series data in highcharts dynamically
- Form data series for highcharts columns
- Changing data series type dynamically with Highcharts-angular
- Highcharts series visibility with csv data source
- HTML table as data source for highstock charts using highcharts
- Highcharts overriding X or Y axis key for series data objects
More Query from same tag
- Live Graph in HighCharts
- Convert the y-axis values to Millions in dual axis high charts
- Highcharts - load and refresh csv
- Highchart Heatmap Tooltip get x or key in HeaderFormat
- How to do In highchart tooltip display the first 100 characters and then say "See more .."?
- splitSeries error with packedbubble in Angular
- I want to add a loading spinner or add some dialog until highcharts get loaded and should close after chart is loaded in react typescript?
- Highcharts - How to start x axis from an arbitrary value
- Highcharts multiple charts on a single page using c# asp.net mvc3
- Use RangeSelector in Highcharts without Date
- How can I display legend in two columns in pie chart
- Loading JSON string into a pie chart in highcharts
- X axis shows the time from 12 till 12:55 instead of dates
- HighCharts : How to add or remove "chart context menu" from chart container?
- Error: <rect> attribute width: Expected length, "NaN" in highcharts
- Checkbox refuses to be checked or unchecked on highchart
- How to input plot data into highcharts with rails
- How to scrape data from Highcharts charts using selenium and python?
- how to load JSON for this highchart - django app
- Update Sankey chart via Socket.IO
- Highcharts Columnrange Questions (multiple y-axes and column widths)
- Getting HighCharts to show fewer data points
- Change chart size on print - Highcharts
- HighCharts: render the xAise line as the yAise line
- highstock strange behavior scrollbar
- HighCharts - Don't show line or change line style if date not reached
- highcharts- php/mysql data fetch
- How to manipulate data objects and arrays using Laravel Map function?
- Highcharts connected mappoint with "direction"
- change marginLeft and marginRight from a javascript statment using highcharts