今天无意间看到了一个图标信息统计的框架——Highcharts,看看就觉得真香。
- Hightcharts是一个用Javascript编写的图表库
- 能够便捷的在网站或者Web应用程序添加有交互性的图表
- Hightcharts也是免费提供给个人学习和个人网站和非商业用途的使用
看到教程实例的效果是这样的
感觉效果还是蛮好看的嘛，交互效果很好!
然后我就想尝试用自己的数据显示到图表上，于是我先创建一个springboot项目，利用它做后台，给前台返回数据，下面用一个简单的接口演示一下springboot+ajax+hightcharts如何生成有交互性的图表:
-
后端这里不过多描述，创建springboot项目后，写一个controller，返回一串JSON数据,我这里的接口是localhost:8080/community/get_time_count返回如下数据：
-
编写前端页面
-
测试：在浏览器打开上面的页面，就可以看到我们拿到的数据已经以图表的形式呈现出来了。
结合后端，动态获取数据到前台以图表的形式呈现效果很是很不错的呢。
更具体的操作使用可以查阅hightcharts官网教程哦
本次分享到这，有看不懂的地方可以留言问我哦，咱下期见！！
