javascript 使用HighCharts的动态图表

Posted 2021-05-04

var dataset1 = [];
var dataset2 = [];

for (var i = 0; i < 16; i++) {
  dataset1.push(Math.floor(Math.random() * 10 + 1));
  dataset2.push(Math.floor(Math.random() * 10 + 1));
}

var myChart = Highcharts.chart("container", {
  chart: {
    type: "spline"
  },
  title: {
    text: "Crypto - Rates"
  },
  yAxis: {
    title: {
      text: "Currency Rates"
    }
  },
  series: [
    {
      name: "Bitcoin",
      data: dataset1
    },
    {
      name: "Ether",
      data: dataset2,
      dashStyle: "dot"
    }
  ]
});

var index = 0;
setInterval(() => {
  myChart.series[0].addPoint(Math.floor(Math.random() * 10 + 1), false, true);
  myChart.series[1].addPoint(Math.floor(Math.random() * 10 + 1), true, true);
  index++;
}, 2000);