[转]highcharts图表入门之:如何让highcharts图表自适应浏览器窗体的大小或者页面大小
2016-03-01 14:22
330 查看
本文转自:
http://jsfiddle.net/vCZ8V/1/
http://www.stepday.com/topic/?740
/article/1329376.html
http://jsfiddle.net/vCZ8V/1/
http://www.stepday.com/topic/?740
/article/1329376.html
<html> <head> <title>Highcharts 教程 | 菜鸟教程(runoob.com)</title> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="http://code.highcharts.com/highcharts.js"></script> <script src="http://code.highcharts.com/highcharts-more.js"></script> </head> <body> <div id="container" style="height: 50%"> <script language="JavaScript"> $(window).resize(function() { chart.setSize( $(document).width(), $(document).height()/2, false ); }); $(document).ready(function() { var chart = new Highcharts.Chart({ chart: { renderTo: container, spacingTop: 3, spacingRight: 0, spacingBottom: 3, spacingLeft: 0 }, credits: { enabled: false }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }] }); }); </script> </body> </html>
相关文章推荐
- Python Request-学习笔记(1)
- 引入布局
- tpcc-mysql安装、使用、结果解读
- 高等数学:第二章 导数与微分(2)初等函数 高级导数 隐函数 参数函数
- Behavior Designer中节点类型分析
- 如何减轻跑步时的痛苦
- 为什么有了扫描版pdf还需要排版并不良好的文字版?
- 例题6-20 UVa1599 Ideal Path(两次BFS)
- iOS 与 JS 交互
- ganglia收集hbase的metrics
- UIKit框架(21)UITableView实现复杂单元格(一)
- 在Debian系统中iptables规则的持久化如何操作
- 17个提升iOS开发效率的必用工具
- 低版本IE浏览器 input元素出现叉叉的情况
- 去掉Eclipse中的Validating
- 高等数学:第二章 导数与微分(1)导数 求导法则 反函数 复合函数
- Android漂亮的UI库集合
- linux下如何查看系统和内核版本
- poj2411Mondriaan's Dream(状态压缩dp)
- IOS(UI)_委托传值