网站建设资讯

NEWS

网站建设资讯

沫沫金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://njwzjz.com/article/jcsogs.html