快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

沫沫金Echarts移动端demo

鄙视百度!!!

创新互联公司于2013年开始,先为滦平等服务建站,滦平等地企业,进行企业商务咨询服务。为滦平企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

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

自己动手,丰衣足食

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

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

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

//1、下载Echarts


//2、chart容器宽度自适应

//3、js增加自适应功能 window.onresize = function () {     myChart.resize(); //使第一个图表适应 }

重复一遍:

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

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

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

完整源码:



  
    
    
    
    
    综合管理-图标样例

    
    
    

    
    
    
    
  
  
    
        
        
        
        
                                                                     
分享文章:沫沫金Echarts移动端demo
本文路径:http://6mz.cn/article/jcsogs.html