echarts使用中的那些事儿（二）

然而第二天的事情你怎么能猜到客户的心思呢: 客户:右边的是啥? 偶:可放大缩小查看各个时期的数据. 客户:把它去掉吧,全部直观显示. 偶:哦,不过数据过多的话会导致页面过长的. 客户:只有你知道这个可以拉伸,我的客户怎么知道这些. 偶:可是... 客户:我怎么说你就怎么做,赶紧做...... 算了,不说话,直接按照人家要求弄就是了. 去掉的参数: dataZoom: [ { type: 'slider', realtime: true, show: dataZoomShow, start: da…

echarts使用中的那些事儿（一）

近来由于有几个小项目要用到echarts里的一些图,不得不使用,可是要完全按照自己的意愿来,要对它有些了解,要翻阅资料,遂有以下小结: 1.最开始第一步是把数据调出来就行,能在图上显示就成,以下是最开始的样子: 老板一看说怎么和内页的详情显示的不一样,内页显示的是上升的,你再好好看看到底怎么回事? 看啊看啊,提示框的数据也对着呢,谁知道是咋回事啊.算了换个图显示吧,遂改拆线图为面积图: (列表图) 然而还是不对吧,这是典型的换汤不换药啊,老板与客户都不答应啊.欲哭无泪,为毛内页好好的, 列表页是…

echarts使用中的那些事儿（三）

饼图上的那些字与下面说明性的文字有些重合,该怎么缩小圆形的大小呢,还有它的位置,怎么让它向上一些或者向下一些: 有以下两个属性可以解决问题: radius : '55%', ------------这个属性设置图的大小center: ['50%', '60%'],-----这个属性设置图的上下左右的位置没应用这两个属性前图是这样的: 应用上面两个属性后图是下面这样的: 代码如下: /** * 显示百度pie图表 * @param string wrap 图表容器 * @param string…

ECharts使用心得总结（二）

Echarts使用心得总结(二) 前言: 前一段时间一直都挺忙的,各种事,也没来得及每周的总结,趁着晚上的一点时间把项目中用的Echart中常用的各种图表给抽象总结了一下,趁着周末跟大家分享一下.之前写过一篇相关的文章,当时主要是讲了如何引入.使用Echart,最新的Echart版本已经发布,之前讲的很多文件都可以删除了,下边会一一给大家细讲. 为了更好的讲解如何使用这个图形渲染插件,我会通过创建一个解决方案的形式一点点给大家讲解清楚. 1. EChart最新的文档目录. 首先创建一个解决方案…

ES5和ES6那些你必须知道的事儿(二)

ES5和ES6那些你必须知道的事儿 ES5新增的东西二.对象方法 1.Object.getPrototypeOf(object) 返回对象的原型 function Pasta(grain, width) { this.grain = grain; this.width = width; } var spaghetti = new Pasta("wheat", 0.2); var proto = Object.getPrototypeOf(spaghetti); console.log…

ECharts 报表事件联动系列二：柱状图，饼状图添加事件

代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>ECharts</title> <script src="http://echarts.baidu.com/dist/echarts.min.js"&…

ECharts实例开发学习笔记二——时间轴

记录一下ECharts时间轴的使用,首先是照着官方的示例做一遍,在这里不要忘了引入timelineOption.js,后面介绍如何动态创建时间轴的记录数,即根据需求可伸缩显示有多少天或者年月等轴标记数. 官网demo: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <…

【ORACLE】使用中注意事项（二）

问题1:ORACLE在插入数据的时候,有时候中文变成????? 原因:由于当前计算机的字符集和服务器上的字符集不一致,导致中文乱码. 解决方案: 在当前使用的计算机中设置环境变量在我的电脑上右键属性--高级系统设置-高级-环境变量,新建用户变量: 变量名=变量值: LANG=zh_CN.GBK NLS_LANG=SIMPLIFIED CHINESE_CHINA.ZHS16GBK Set NLS_LANG="simplified chinese"_china.zhs16gbk 如图:…

ECharts使用心得——矩阵树图

1. 缘起最近实验室 boss 让用矩形树图做一下研究数据的展示,囧,矩形树图是什么鬼.问了问师兄,说用 R 语言可以实现,让我去研究一下. = =,那这周不是不用干别的了. 刚好最近在研究百度出的 ECharts ,搜了搜竟然有矩形树图的模块,真是感动啊眼泪都要出来了.立马研究了一下,结果还可以,能实现我要的效果. 就在博客里总结一下吧,希望对你有帮助. 2.1 用 ECharts 实现矩形树图(treemap)-- 知识普及什么是矩形树图? 通常,我们使用缩进方式展现层次结构的层级,比如…

ECharts的简单使用

ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表. ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果,并且对移动端做了深度的优化. 一. echarts下载下载页:http://echarts.baidu.com/downl…

Vue 爬坑之路（八）—— 使用 Echarts 创建图表

在后台管理系统中,图表是一个很普遍的元素.目前常用的图标插件有 charts, Echarts, highcharts.这次将介绍 Echarts 在 Vue 项目中的应用. 一.安装插件使用 cnpm 安装 Echarts cnpm install echarts -S 和之前介绍的 axios 类似,echarts 也不能通过 Vue.use() 进行全局调用通常是在需要使用图表的 .vue 文件中直接引入 import echarts from 'echarts' 也可以在 main…

转://Oracle 事务探索与实例(二)

一数据库版本 SYS@LEO1>select * from v$version; BANNER -------------------------------------------------------------------------------- Oracle Database 11g Enterprise Edition Release 11.2.0.1.0 - 64bit Production PL/SQL Release 11.2.0.1.0 - Production CORE …

ECharts学习记录

一.ECharts在GitHub的地址以及需要引入文件地址: 1.Github地址:https://github.com/ecomfe/echarts 2.官网下载文件地址:http://echarts.baidu.com/download.html 二.各类配置参数: 1.tilte:(标题:详情见链接http://echarts.baidu.com/option.html#title) title: { show: true/false, //控制是否显示标题,默认为true text: '…

前台框架vue.js中怎样嵌入 Echarts 组件？

目前常用的图标插件有 charts, Echarts, highcharts.这次将介绍 Echarts 在 Vue 项目中的应用. 一.安装插件使用 cnpm 安装 Echarts cnpm install echarts -S 和之前介绍的 axios 类似,echarts 也不能通过 Vue.use() 进行全局调用通常是在需要使用图表的 .vue 文件中直接引入 import echarts from 'echarts' 也可以在 main.js 中引入,然后修改原型链 Vue.p…

ECharts 上手

一.获取 ECharts 你可以通过以下几种方式获取 ECharts. 从官网下载界面选择你需要的版本下载,根据开发者功能和体积上的需求,我们提供了不同打包的下载,如果你在体积上没有要求,可以直接下载完整版本.开发环境建议下载源代码版本,包含了常见的错误提示和警告. 在 ECharts 的 GitHub 上下载最新的 release 版本,解压出来的文件夹里的 dist 目录里可以找到最新版本的 echarts 库. 通过 npm 获取 echarts,npm install echarts -…

HTTPS那些事儿(一)-HTTPS原理

HTTPS那些事儿(一) 近期看了<http权威指南>的几个章节.对HTTPS有了部分了解,同一时候在网上查阅了一些资料,遂打算记录一下心得,写的仓促,肯定有非常多错误的地方.欢迎大家指正. 1.HTTP是什么那么在介绍https之前,有必要先解释下http.http是一个非常easy又非常复杂的协议,说其简单,是我们每天都在用它,并且又浑然不觉,貌似非常easy的样子. 可是真正可以把http全然了解清楚.并非非常easy的事情. <http权威指南>诺厚的一本书,都是http…

课前HTML基础

一..站点的建立作用:用来归纳一个网站上所有的网页,素材以及他们之间的联系. 站点根文件夹的命名规则:必须是以英文或者下划线开头,后面可接数字和下划线,不可以使用中文和特殊字符. 二:创建HTML页面首页名称 index.html 三:HTML5页面结构 <!doctype html>(申明文档类型)<html>(根元素)<hesd><meta charset="utf-8">(申明字符集)<title>网页标题</…

NSRuntime RunLoop

Objective-C总Runtime的那点事儿(一)消息机制 http://www.cocoachina.com/ios/20141018/9960.html Runtime运行时的那点事儿 http://www.cnblogs.com/xjf125/p/5531791.html Runtime 那些事儿二深入理解RunLoop http://blog.ibireme.com/2015/05/18/runloop/#autorelease runtime详解 http://gcblog.g…

EChars学习-1

Echarts,编写来自Enterprise Charts,商业级数据图表,是百度的一个开源的数据可视化工具官网地址:http://echarts.baidu.com/ 一.引入Echarts <!DOCTYPE html> <html> <header> <meta charset="utf-8">  <script src="echarts.min.js&quo…

HTTPS那个东西(一)-HTTPS原理

HTTPS那个东西(一) 最近看了<http权威指南>几个章节,对HTTPS随着节,了一些资料,遂打算记录一下心得.写的仓促,肯定有非常多错误的地方,欢迎大家指正. 1.HTTP是什么那么在介绍https之前,有必要先解释下http.http是一个非常easy又非常复杂的协议.说其简单,是我们每天都在用它.并且又浑然不觉.貌似非常easy的样子.可是真正可以把http全然了解清楚.并非非常容易的事情.<http权威指南>诺厚的一本书,都是http相关内容,可知有多么复杂了. 简单…

contentHorizontalAlignment 属性浅析

转载自:http://blog.csdn.net/s0228g0228/article/details/46832285 最近在iOS 7以上总是碰到导航条上左右按钮距离边距太大的问题为了解决这个这个问题特别使用了setImageEdgeInsets 和使用中碰到的范二的事情总结下:警示他人 1.setImageEdgeInsets针对的是UIbutton的setImage方法.如果使用setbackimage方法.则会失效无用. 2.btn.contentHorizontalAlignm…

MFC使用SQLite 学习系列一： SQLITE_MISUSE错误

一为什么要选择SQLite 由于使用文本文件来记录测试数据,速度越来越慢的问题,经过园友推荐,使用了SQLite来进行数据的存储,再次感谢园友@LightSmaile. 关于这个问题,可以参考一下上一篇随笔中的介绍,为何要更换用数据库来存储数据.链接地址:http://www.cnblogs.com/fredliu/p/6692986.html 二选择SQLite使用方法当然SQLite的使用方法有很多,网上也有很多的介绍,经过筛选,我选择了使用一个封装好的MFC类,来使用SQL. 为什么…

501. Find Mode in Binary Search Tree

Given a binary search tree (BST) with duplicates, find all the mode(s) (the most frequently occurred element) in the given BST. Assume a BST is defined as follows: The left subtree of a node contains only nodes with keys less than or equal to the nod…

Echart使用笔记

一. registerTheme 注册主题,用于初始化实例的时候指定. Echart官网主题下载: http://echarts.baidu.com/download-theme.html 最好的办法是定制主题,然后修改里面的选项使用方法 echarts.init(dom,theme) el: echarts.init($(selector)[0], 'schoolReport'); 二. resize 改变图表尺寸,在容器大小发生改变时需要手动调用. Tip: 有时候图表会放在多个标…

HTML框架、列表、表格

本章内容一.列表1.有序列表ol <ol> <li></li> </ol>type的值有3个默认为1(阿拉伯数字), 还有A/a(大小写字母),I/i(罗马数字) 2.**无序列表ul(实际应用中,比有序列表广泛) <ul type="值"> <li></li> </ul>type的值有3个默认为disc(实心圆), 还有circle(空心圆).square(实心方形) 3.**定义列表…

百度 Echart 的使用

百度 Echarts 的使用一.Echarts 简介官方网站:http://echarts.baidu.com/ 下载地址:http://echarts.baidu.com/download.html 使用文档:http://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts 官方示例:http://echarts.baidu.com/examples.html 二.Echart…

ECharts-入门学习

最近因项目需要要做图表,后台数据要以柱状图的形式展示,通过上网查找,感觉ECharts这个js控件挺不错的,下面就把入门知识搞一下. 一.下载ECharts控件. 地址:http://echarts.baidu.com/index.html 二.提取相关文件. 1.根据http://echarts.baidu.com/doc/start.html 文档的学习.需要引入文件,才能进行配置数据. 2.提取文件 echarts.js文件 :在“\build”文件夹下面. esl.js文件: 在“\do…