Echarts自适应浏览器大小
2015-06-02 16:15
176 查看
var myChart = echarts.init(document.getElementById('sitesChar')); var option = { title : { text: 'Nodejs站点服务器分布', subtext: '平台组', x:'center' }, tooltip : { trigger: 'item', formatter: "{a} <br/>{b} : {c} ({d}%)" }, legend: { orient : 'vertical', x : 'left', data: _ips }, toolbox: { show : true, feature : { mark : {show: false}, dataView : {show: true, readOnly: false}, magicType : { show: false, type: ['pie', 'funnel'], option: { funnel: { x: '25%', width: '50%', funnelAlign: 'left' //max: 1548 } } }, restore : {show: true}, saveAsImage : {show: true} } }, calculable : true, series : [ { name:'服务器IP:站点数', type:'pie', radius : '55%', center: ['50%', '60%'], data: _data } ] }; // 为echarts对象加载数据 myChart.setOption(option); // 加上这一句即可 window.onresize = myChart.resize;
相关文章推荐
- java中利用二叉树算法进行排序
- JAVA基础七——面向对象三继承
- vi编辑器怎样规范文档
- EXC2618N LED矩阵驱动程序
- 去除Android系统应用的通知功能
- 编码单元
- php学习随记3
- 第十周项目 2 摩托车继承自行车和机动车
- step by step熟悉hbase shell
- matlab mesh visualization
- 静态类 静态成员
- 《大话设计模式》学习笔记22:享元模式
- 【RAC】将单实例备份集恢复为rac数据库
- Java解析网络数据流的三种特殊方法
- 餐饮o2o怎么实现?
- 【RAC】将单实例备份集恢复为rac数据库
- 系统特点
- 打麻将与人生哲学
- nodejs自学资料
- oracle表空间使用率查看