码迷,mamicode.com
首页 > 其他好文 > 详细

Highcharts简单入门

时间:2017-06-07 23:11:30      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:数据可视化   快捷   页面   dem   https   中文   支持   containe   src   

 一.简介

Hicharts是一款支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库,旨在让数据可视化更简单.

下面是一个简单的折线图,交互体验很棒.

技术分享

二.如何使用?

1.官网下载压缩包

2.将js文件夹下复制到工程中

3.页面引入三个js文件

 

<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="../js/highcharts/highcharts.js"></script>
<script type="text/javascript" src="../js/highcharts/modules/exporting.js"></script>

4.一个id为container的div+js代码

三.参考文档

首选-中文官网,demo自带中文注释,网址为 https://www.hcharts.cn/demo/highcharts

次之-菜鸟教程,网址为  http://www.runoob.com/highcharts/highcharts-tutorial.html

 

Highcharts简单入门

标签:数据可视化   快捷   页面   dem   https   中文   支持   containe   src   

原文地址:http://www.cnblogs.com/night-watcher/p/6959427.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!