springboot+thymeleaf使用highcharts实现折线图

首先使用下面的插件，可去https://download.csdn.net/download/qq_38522268/10689045下载

 

在ajax里跨域调用json的数据，并在折线图中显示：

详细的json格式如下

{
  "code": 200,
  "describe": "获取成功",
  "data": [
    {
      "mac": "1",
      "time": "2018-08-10 00:08:08",
      "data_temp": "29.0",
      "data_ry": "11.7"
    },
    {
      "mac": "1",
      "time": "2018-08-10 00:21:00",
      "data_temp": "29.0",
      "data_ry": "11.7"
    },
    {
      "mac": "1",
      "time": "2018-08-10 00:33:53",
      "data_temp": "28.9",
      "data_ry": "11.7"
    }

............此处省略

｝

下面是在ajax里使用highcharts，横坐标为上面json的time，纵坐标为data_temp

不要忘记html中的id要与ajax里的一致