highcharts.js:10 Uncaught Error: Highcharts error #14: www.highcharts.com/error 解决-优快云博客

本文介绍如何使用HighCharts实现数据的实时更新显示。通过Ajax请求获取数据，并利用HighCharts API动态更新折线图。同时解决数据类型转换问题，确保数据正确解析。

最近在使用highCharts绘制折线图，从后台接口获取到数据，并在前端实时更新折线图数据

问题1：获取到数据

/**
 * Ajax 请求数据接口，并通过 Highcharts 提供的函数进行动态更新
 * 接口调用完毕后间隔 1 s 继续调用本函数，以达到实时请求数据，实时更新的效果
 */
function requestData() {
  $.ajax({
    url: 'live-server-data.php',
    success: function(point) {
      var series = chart.series[0],
        shift = series.data.length > 20; // 当数据点数量超过 20 个，则指定删除第一个点

      // 新增点操作
      //具体的参数详见：https://api.hcharts.cn/highcharts#Series.addPoint
      chart.series[0].addPoint(point, true, shift);

      // 一秒后继续调用本函数
      setTimeout(requestData, 1000);
    },
    cache: false
  });
}