score:1
Accepted answer
You can set redraw
parameter in addPoint
method to false and call chart.redraw()
at longer intervals:
chart: {
...,
events: {
load: function() {
// set up the updating of the chart each second
var series = this.series[0],
chart = this;
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = Math.random();
series.addPoint([x, y], false, true);
}, 10);
setInterval(function() {
chart.redraw();
}, 500);
}
}
}
Live demo: https://jsfiddle.net/BlackLabel/s3gh6q5j/
API Reference:
https://api.highcharts.com/class-reference/Highcharts.Series#addPoint
https://api.highcharts.com/class-reference/Highcharts.Chart#redraw
Source: stackoverflow.com
Related Query
- Display 100 Points in 1 second : Highcharts
- Highcharts doesn't display series with lots of data points
- how to display 2 same highcharts without duplicate the code
- Display multiple points with exact same value in scatter HighCharts
- Display count of grouped points on Highcharts dataGrouping
- Highcharts display label for pie chart using html table as data source
- Display multiple data points at once : Highcharts
- highcharts display all dates for all points on x-axis
- Highcharts highmaps points not plotting when second chart loaded
- Highcharts : display a second series under the X-Axis
- Highcharts displays series names but missing data points from json source
- Tooltip to display middle points in a series in highcharts
- I'm trying to use highcharts to display a series of points not just x and y
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- Highcharts 3 cannot render more than 1000 points in one series
- Always display data labels above columns in HighCharts
- how to set the interval of points on Y - Axis highcharts
- Disable tooltip on certain points in Highcharts
- How to Format Highcharts dataLabels Decimal Points
- missing value in highcharts line graph results in no line, just points
- Resize data points with highcharts
- How to display No Data Available Message in highcharts
- Display tooltip for invisible series in Highcharts
- Highcharts - How to display legend symbol inside the tooltip
- Highcharts : Display the labels (min, max, median etc.) in boxplot
- Display legend items in two columns highcharts
- How to convert datetime string to UTC to plot points on Highcharts
- How to convert datetime string to UTC to plot points on Highcharts
- Add a gap between the second and third series in a Highcharts column plot with four series displayed
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
More Query from same tag
- Pie chart data labels are hidden for smaller values
- Move Highstock columns between x-axis ticks
- WpDatacharts (Highcharts render) - is it possible to pre-hide data sets on load?
- Test Highcharts with selenium webdriver
- How to show the value in top of each column bar | Hightcharts | Vue-chartkick | Cube Js
- Locating the legend in Release Burndown Chart Code
- How can I read an Excel File with JavaScript (without ActiveXObject)
- Panning in Highcharts (In Mobile Devices)
- Compare one month of two year with Highcharts
- Spline graph with xAxis dateTime the line starts extremeleft/origin overlapping colorband on yAxis
- How to grab correct highchart number in selectors using Selenium Webdriver with Python with several charts on the page?
- How to update a Javascript object with a function
- Highcharts how to remove headers from tooltip
- Highcharts Point Value Disappearing
- HighCharts API pie chart CSS how to select drilldown labels
- HighCharts: How to combine custom colors with gradient
- annotation in highchart doesn't work as expected
- Highcharts, datetime, timestamp. What format of date needs when axis has type 'datetime'?
- Highcharts bubble chart with updating default colors
- Selection Menu lags while the file is loading
- How to extract the data from highstock chart
- Highstock: set xAxis as not "datetime"
- Real Time Bar chart using Highcharts and AngularJs
- BIRT: Custom Highcharts Event Handlers
- Render Highcharts inside DIV with dynamically generated ID in AngularJS
- How to hide series via the legend in highstock ?
- "Highcarts is not defined error" after installing highcharts
- Is there any way to merge this two x-axis in one axis?
- Highcharts: Network graph: marker radius = number of connections
- Highcharts - drill down to multiple series in R