dataView 工具栏
- 博客分类:
- JavaScript
http://echarts.baidu.com/echarts2/doc/example/toolbox.html
option = { tooltip : { trigger: 'axis' }, legend: { data:['最高','最低'] }, toolbox: { show : true, orient: 'horizontal', // 布局方式,默认为水平布局,可选为: // 'horizontal' ¦ 'vertical' x: 'right', // 水平安放位置,默认为全图右对齐,可选为: // 'center' ¦ 'left' ¦ 'right' // ¦ {number}(x坐标,单位px) y: 'top', // 垂直安放位置,默认为全图顶端,可选为: // 'top' ¦ 'bottom' ¦ 'center' // ¦ {number}(y坐标,单位px) color : ['#1e90ff','#22bb22','#4b0082','#d2691e'], backgroundColor: 'rgba(0,0,0,0)', // 工具箱背景颜色 borderColor: '#ccc', // 工具箱边框颜色 borderWidth: 0, // 工具箱边框线宽,单位px,默认为0(无边框) padding: 5, // 工具箱内边距,单位px,默认各方向内边距为5, showTitle: true, feature : { mark : { show : true, title : { mark : '辅助线-开关', markUndo : '辅助线-删除', markClear : '辅助线-清空' }, lineStyle : { width : 1, color : '#1e90ff', type : 'dashed' } }, dataZoom : { show : true, title : { dataZoom : '区域缩放', dataZoomReset : '区域缩放-后退' } }, dataView : { show : true, title : '数据视图', readOnly: true, lang : ['数据视图', '关闭', '刷新'], optionToContent: function(opt) { var axisData = opt.xAxis[0].data; var series = opt.series; var table = '<table style="width:100%;text-align:center"><tbody><tr>' + '<td>时间</td>' + '<td>' + series[0].name + '</td>' + '<td>' + series[1].name + '</td>' + '</tr>'; for (var i = 0, l = axisData.length; i < l; i++) { table += '<tr>' + '<td>' + axisData[i] + '</td>' + '<td>' + series[0].data[i] + '</td>' + '<td>' + series[1].data[i] + '</td>' + '</tr>'; } table += '</tbody></table>'; return table; } }, magicType: { show : true, title : { line : '动态类型切换-折线图', bar : '动态类型切换-柱形图', stack : '动态类型切换-堆积', tiled : '动态类型切换-平铺' }, type : ['line', 'bar', 'stack', 'tiled'] }, restore : { show : true, title : '还原', color : 'black' }, saveAsImage : { show : true, title : '保存为图片', type : 'jpeg', lang : ['点击本地保存'] }, myTool : { show : true, title : '自定义扩展方法', icon : 'image://../asset/ico/favicon.png', onclick : function (){ alert('myToolHandler') } } } }, calculable : true, dataZoom : { show : true, realtime : true, start : 20, end : 80 }, xAxis : [ { type : 'category', boundaryGap : false, data : function (){ var list = []; for (var i = 1; i <= 30; i++) { list.push('2013-03-' + i); } return list; }() } ], yAxis : [ { type : 'value' } ], series : [ { name:'最高', type:'line', data:function (){ var list = []; for (var i = 1; i <= 30; i++) { list.push(Math.round(Math.random()* 30)); } return list; }() }, { name:'最低', type:'line', data:function (){ var list = []; for (var i = 1; i <= 30; i++) { list.push(Math.round(Math.random()* 10)); } return list; }() } ] };
发表评论
-
js对字符串进行编码方法总结
2016-07-18 16:38 532在用javascript对URL字符串进行编码中,虽然esca ... -
==与===区别(两个等号与三个等号)
2016-06-17 16:55 9331、对于string,number等基础类型,==和===是有 ... -
jquery select取值,赋值操作
2016-03-31 17:24 517jquery select取值,赋值操作一、获取Select获 ... -
时间js
2016-02-16 16:48 577function DateUtil(){ this.url ... -
Spring+Websocket实现消息的推送
2016-01-31 15:59 2498本文主要有三个步骤 1、用户登录后建立websocket连接, ... -
jqgrid
2016-01-28 13:54 325待补待补待补待补 -
HTML5的WebSocket(待补)
2016-01-19 17:30 520认识HTML5的WebSocket 在HTML5规范中,我最喜 ... -
网站cookie.js
2016-01-19 09:34 423cookie.js jQuery.cookie = funct ... -
SVG--(待补)
2016-01-18 10:49 473SVG--(待补) -
prototype---(待补)
2016-01-15 14:58 432<html> <body> & ... -
template
2015-11-17 14:16 316(function(){ template = { ... -
jQuery的deferred对象详解
2015-11-17 09:15 394function getDatas(layerId){ v ... -
jQuery 阻止事件冒泡
2015-11-17 09:12 415http://www.cnblogs.com/jiqing90 ... -
typeof
2015-11-10 15:26 509JS中的变量是松散类型(即弱类型)的,可以用来保存任何类型的数 ... -
hashMap.js
2015-11-04 09:57 403function HashMap() { /** Map大 ... -
分页处理
2015-11-01 09:21 708select * from (SELECT rownum as ... -
前台传字符串导出word
2015-10-29 13:43 655package com.yunfengtech.common; ... -
隐藏,前台
2015-10-27 10:51 425$.ajax({ url:"../../s ... -
js对象定义
2015-10-23 17:18 533一,基本概念 1,自定 ... -
js 自定义的相当于LIST的对象
2015-10-23 17:18 523function Vector() { ...
相关推荐
该资源是 针对于ext3.0的组件的小demo,包括表格,工具栏,动态提示,模板,reader,布局,事件,ajax,跨域ajax,dataview及控制台等
实例20 工具栏控件 实例21 组合框控件 实例22 系统栏图标控件 实例23 树视图控件 实例24 列表视图控件 实例25 选项卡控件 实例26 richtextbox控件 实例27 分割器控件 实例28 多窗体设计 实例29 多文档界面 ...
用C#或Visual Basic .NET 语言编写报表代码,其中包含了ASP.NET 服务器控件,帮助您安装web客户端浏览器以及WinForms浏览器控件,以提供单页浏览,多页浏览,文本搜索,内容列表和定制工具栏等功能。 组件列表 ...
9.对于一个实现了IDisposable接口的类,以下哪些项可以执行与释放或重置非托管资源相关的应用程序定义的任务?(多选) ( ABC ) A.Close B.DisposeC.Finalize D.using E.Quit 10.Net依赖以下哪项技术实现跨语言互用性...
比如,符合各个平台界面设计标准的标准对话框、菜单、工具栏、图标等等。再比如,打印和帮助集成,还有一个产生console类型应用程序的框架。所有这些都让JDAF成为最强大最易用的桌面应用程序开发平台。 主要功能 ...
10.5.4 定制分页栏 10.6 GridView模板 10.6.1 使用多个模板 10.6.2 在Visual Studio中编辑模板 10.6.3 绑定到方法 10.6.4 处理模板中的事件 10.6.5 使用模板编辑 10.6.6 模板中的客户端ID 10.7 ...
10.5.4 定制分页栏 324 10.6 GridView模板 325 10.6.1 使用多个模板 327 10.6.2 在Visual Studio中编辑模板 328 10.6.3 绑定到方法 328 10.6.4 处理模板中的事件 330 10.6.5 使用模板编辑 330 10.6.6...
1.1.5 工具栏6 1.1.6 Toolbox7 1.2 第一个VB应用程序9 1.2.1 向窗体添加代码9 1.2.2 设置控件的属性10 1.2.3 为控件命名12 1.2.4 移动及重新调整控件尺寸13 1.2.5 设置Tab顺序13 1.2.6 添加代码14 1.2.7 运行和调试...
1.1.5 工具栏6 1.1.6 Toolbox7 1.2 第一个VB应用程序9 1.2.1 向窗体添加代码9 1.2.2 设置控件的属性10 1.2.3 为控件命名12 1.2.4 移动及重新调整控件尺寸13 1.2.5 设置Tab顺序13 1.2.6 添加代码14 1.2.7 运行和调试...
C#编程经验技巧宝典源代码,目录如下: 第1章 开发环境 1 <br>1.1 Visual Studio开发环境安装与配置 2 <br>0001 安装Visual Studio 2005开发环境须知 2 <br>0002 配置合适的Visual Studio 2005...
7.9.4 DataView 数据视图对象 7.10 DataReader 数据访问对象 7.10.1 DataReader 对象概述 7.10.2 DataReader 读取数据库 7.10.3 异常处理 7.11 连接池概述 7.12 参数化查询 7.13 小结 第 8 章 Web 窗体的数据控件 ...
1.3.3 工具栏 ...................................... 7 1.4 创建简单的应用程序 .................. 8 1.4.1 工具箱 .................................... 11 1.4.2 改进型匈牙利表示法 ............ 13 ...
7.9.4 DataView数据视图对象 7.10 DataReader数据访问对象 7.10.1 DataReader对象概述 7.10.2 DataReader读取数据库 7.10.3 异常处理 7.11 连接池概述 7.12 参数化查询 7.13 小结 第8章 Web窗体的数据控件 8.1 数据...
7.9.4 DataView数据视图对象 7.10 DataReader数据访问对象 7.10.1 DataReader对象概述 7.10.2 DataReader读取数据库 7.10.3 异常处理 7.11 连接池概述 7.12 参数化查询 7.13 小结 第8章 Web窗体的数据控件 8.1 数据...
7.9.4 DataView数据视图对象 7.10 DataReader数据访问对象 7.10.1 DataReader对象概述 7.10.2 DataReader读取数据库 7.10.3 异常处理 7.11 连接池概述 7.12 参数化查询 7.13 小结 第8章 Web窗体的数据控件 8.1 数据...
7.9.4 DataView数据视图对象 7.10 DataReader数据访问对象 7.10.1 DataReader对象概述 7.10.2 DataReader读取数据库 7.10.3 异常处理 7.11 连接池概述 7.12 参数化查询 7.13 小结 第8章 Web窗体的数据控件 8.1 数据...
7.9.4 DataView数据视图对象 7.10 DataReader数据访问对象 7.10.1 DataReader对象概述 7.10.2 DataReader读取数据库 7.10.3 异常处理 7.11 连接池概述 7.12 参数化查询 7.13 小结 第8章 Web窗体的数据控件 8.1 数据...