博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HightCharts基本图形:折线图、柱状图、饼图
阅读量:4539 次
发布时间:2019-06-08

本文共 603 字,大约阅读时间需要 2 分钟。

  博客开了两个月了,今天终于有勇气写出第一篇了,希望对大家能有所帮助。

  介绍一下HightCharts:

    Highcharts是一款纯javascript编写的图表库,能够很简单便捷的在Web网站或Web应用中添加交互性的图表。

    Highcharts目前支持直线图、曲线图、面积图、柱状图、饼图、散点图等多达18种不同类型的图表。

    HightCharts有一个中文网:http://www.hcharts.cn/,里面有各种图的模板和源代码,可以很好地学习

  首先说一下柱状图

    在敲代码之前,要引入两个js文件

    

    引过来之后就是这样

    

    注意:一定要是jquery-1.8.2.min.js放上面,hightcharts.js放下面

      

     
//id="container",上面那个id选择器里写的就是这个id

 

 

  运行效果图:

     

  

  折线图

   

         

 

  运行效果图:

      

 

  饼图

  

    

 

  运行效果图:

    

  好了,HightCharts基本图形就到这里,下一篇介绍HightCharts与后台交互

 

转载于:https://www.cnblogs.com/mtmt/p/5601696.html

你可能感兴趣的文章
My Oracle Notes(1):Oracle体系结构概览
查看>>
LightOJ 1422 Halloween Costumes(区间DP)
查看>>
Codeforces 981D Bookshelves(按位贪心+二维DP)
查看>>
Eclipse中修改文件保存后,总是提示Could not clean server of obsolete files
查看>>
LinuxMysql命令操作数据库
查看>>
【C#】Entity Framework 增删改查和事务操作
查看>>
cocoaPods打包的静态库
查看>>
L--js跨域
查看>>
学.Net还是学Java?两者有什么区别?
查看>>
tensorflow安装相关的
查看>>
Effective C++ 条款26
查看>>
[POJ 2187]Beauty Contest
查看>>
zookeeper
查看>>
添加日志文件
查看>>
memcached 缓存数据库应用实践
查看>>
[转载] 跟着实例学习zookeeper 的用法
查看>>
switch case
查看>>
Spring通过DI注入松耦合性
查看>>
java数组类Arrays:比较,填充,排序
查看>>
centos7: iptables保存(配置完nginx的web规则后)
查看>>