多语言展示
当前在线:1945今日阅读:19今日分享:20

如何配置highcharts开发环境

在制作前端页面的时候,有时候我们需要在页面上用图表的形式展现一些数据信息。这个时候我们一般会用highcharts来制作,下面小编就给大家分享一下如何配置highcharts开发环境
工具/原料

Sublime Text

方法/步骤
1

首先需要在制作之前引入jquery库文件,因为highcharts的库依赖jquery

2

然后我们去下载highcharts的库,并且在HTML中引入所下载的库文件,如下图所示

3

接下来我们在body中准备一个div,来放置图表信息,如下图所示

4

然后我们在script标签中放置预加载脚本方法,如下图所示

5

接下来就是准备图表信息,如下图所示,通过调用highcharts方法,传入json数据即可

6

最后我们运行界面以后,你会看到如下图所示的图表信息,是不是很清晰

7

综上所述,配置highcharts的开发环境很简单,只需要导入库文件即可,最主要的就是图表信息的配置

推荐信息