Advertisement
Guest User

Highcharts dynamically add intervals

a guest
Apr 26th, 2017
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. $(function () {
  2.        
  3.     var chart;
  4.     var min = 5;
  5.     var max = 6;
  6.     $('#container').highcharts({
  7.    
  8.         chart: {
  9.             type: 'columnrange',
  10.             inverted: true,
  11.             events: {
  12.                 load: test
  13.             }
  14.         },
  15.         xAxis: {
  16.             type: 'category'
  17.         },
  18.        
  19.    
  20.         series: [{
  21.         name: 'Temperature',
  22.             data: [
  23.                 ['Temperature',5, 10]
  24.             ]
  25.         }]
  26.    
  27.     },function(e){  
  28.         chart = $('#container').highcharts();    
  29.     });
  30.    
  31.     function test() {
  32.    
  33.         chart.series[0].addPoint(['Temperature', min,max], true, chart.series[0].data.length > 2 ? true : false);
  34.         min++;
  35.         max++;
  36.         setTimeout(test, 1000)
  37.     }
  38. });
  39.  
  40. <script src="http://code.highcharts.com/highcharts.js"></script>
  41. <script src="http://code.highcharts.com/highcharts-more.js"></script>
  42. <script src="http://code.highcharts.com/modules/exporting.js"></script>
  43.  
  44. <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement