如何使用Js HighCharts图表插件

JavaScript015

如何使用Js HighCharts图表插件,第1张

1、在页面引入jQuery库如下:

<script type="text/javascript" src="js/ware/jquery.min.js"></script>

2、在需要显示图表的地方引入Highcharts的js代码段,具体内容可去中文网看,根据需要引入相应的js代码就行

3、其他比如颜色呀,2维呀3维呀什么的可以自己修改,api里面都有提示的

不懂的再问我,我前段时间做个折线图,3D柱状图,饼状图,这几个还是有些心得的

在平时开发项目时,免不了需要对数据进行图表显示的需求,比如:趋势图、饼状图、柱形图等。

Echarts.js是来自百度团队研发的图表js插件,利用HTML+js实现折线图、饼状图、热点图、3d图形等等,可在PC和移动端显示,加载速度快,功能丰富。

https://echarts.apache.org/zh/index.html

官网首页有着很多实例以及相关介绍,获取echart.js可以从本人百度网盘获取,包含所有图表组件,可直接引用。

链接: https://pan.baidu.com/s/1IEm8NGwqq4ExgYWp8mz9CA

提取码:aihy

为Echarts放置一个具备宽高的DOM容器

Echarts加载数据