鄙视百度！！！

官网给的Demo支持自动大小，确不给完整的源码XXX


自己动手，丰衣足食

http://echarts.baidu.com/demo.html#bar-tick-align

用最基本的柱状图官网代码

简单两步，实现移动端自适应大小

//1、下载Echarts<scriptsrc="dep/Echarts/echarts-all-3.js"></script>//2、chart容器宽度自适应<!--为ECharts准备一个具备大小（宽高）的Dom--><divid="chart-demo"></div>//3、js增加自适应功能window.onresize=function(){myChart.resize();//使第一个图表适应}

重复一遍：

div容器增加自适应width：100%

js增加自适应功能：window.onresize=....


以上，两步就完成对Echarts官网移动端的支持。


完整源码：

<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1"><!--上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！--><title>综合管理-图标样例</title><!--Bootstrap--><linkhref="dep/bootstrap-3.3.5-dist/css/bootstrap.min.css"rel="stylesheet"><linkhref="css/common.css"rel="stylesheet"><!--HTML5shimandRespond.jsforIE8supportofHTML5elementsandmediaqueries--><!--WARNING:Respond.jsdoesn'tworkifyouviewthepageviafile://--><!--[ifltIE9]><scriptsrc="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script><scriptsrc="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script><![endif]--><style></style></head><bodyclass="container-fluid"><divclass="row"><divclass="col-md-12col-xs-12"><!--为ECharts准备一个具备大小（宽高）的Dom--><divid="chart-demo"></div></div></div><!--jQuery(necessaryforBootstrap'sJavaScriptplugins)--><scriptsrc="dep/jquery/1.11.3/jquery.min.js"></script><!--Includeallcompiledplugins(below),orincludeindividualfilesasneeded--><scriptsrc="dep/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script><!--增强：BootStrapcarousel（轮播）组件支持触屏--><scriptsrc="dep/jquery.hammer.js-master/hammer.min.js"></script><scriptsrc="dep/jquery.hammer.js-master/jquery.hammer.js"></script><!--Echartsstart--><scriptsrc="dep/Echarts/echarts-all-3.js"></script><scriptsrc="dep/Echarts/roma.js"></script><!--Echarts主题--><script>//基于准备好的dom，初始化echarts实例varmyChart=echarts.init(document.getElementById('chart-demo'),"roma");varoption={tooltip:{trigger:'axis',axisPointer:{//坐标轴指示器，坐标轴触发有效type:'shadow'//默认为直线，可选为：'line'|'shadow'}},grid:{left:'3%',right:'4%',bottom:'3%',containLabel:true},xAxis:[{type:'category',data:['1月','2月','Wed','Thu','Fri','Sat','Sun'],axisTick:{alignWithLabel:true}}],yAxis:[{type:'value'}],series:[{name:'门急诊人次',type:'bar',barWidth:'60%',data:[10,52,200,334,390,330,220]}]};//*必须，绑定图表自适应功能window.onresize=function(){myChart.resize();//使第一个图表适应}//使用刚指定的配置项和数据显示图表。myChart.setOption(option,true);</script></body></html>