在制作前端页面的时候,有时候我们需要在页面上用图表的形式展现一些数据信息。这个时候我们一般会用highcharts来制作,下面小编就给大家分享一下如何配置highcharts开发环境
工具/原料
Sublime Text
方法/步骤
1
首先需要在制作之前引入jquery库文件,因为highcharts的库依赖jquery
2
然后我们去下载highcharts的库,并且在HTML中引入所下载的库文件,如下图所示
3
接下来我们在body中准备一个div,来放置图表信息,如下图所示
4
然后我们在script标签中放置预加载脚本方法,如下图所示
5
接下来就是准备图表信息,如下图所示,通过调用highcharts方法,传入json数据即可
6
最后我们运行界面以后,你会看到如下图所示的图表信息,是不是很清晰
7
综上所述,配置highcharts的开发环境很简单,只需要导入库文件即可,最主要的就是图表信息的配置