沫沫金Echarts移动端demo-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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