还在半山腰
还在半山腰

ECharts的讲解

目录

什么是数据可视化

ECharts的介绍

ECharts的特点

ECharts的基本使用

操作步骤

通用配置title的相关配置

通用配置tooltip的相关配置

触发类型：trigger

触发时机：triggerOn

​格式化：formatter

通用配置toolbox的相关配置

通用配置legend的相关配置

案例源码

小结

折线图常见效果

标记 

线条控制

​编辑填充风格

紧挨边缘

缩放：脱离 0 值比例

堆叠图

 案例源码

什么是数据可视化

  • 把数据以更直观的形式展现----图表
  • 可以清晰有效地传达与沟通信息
  • 可以帮助我们快速的获取隐藏在数据中的信息

ECharts的介绍

ECharts是一个使用JavaScript实现的开源可视化库，兼容性强，底层依赖矢量图形库ZRender，提供直观，交换丰富，可高度个性化定制的数据可视化图表。

ECharts的讲解_第1张图片

官网地址：https://echarts.apache.org/zh/index.html 

ECharts的讲解_第2张图片

ECharts的特点

  • 它具有丰富的可视化类型，折线图，柱状图，饼图，K线图等等.....
  • 它可以支持多种数据格式，比如key-value数据格式，二维表，和TypedArray格式
  • 它可以支持流数据，对于超大的数据量而言，数据的本身就非常非常耗费资源了，而ECharts支持对数据的动态渲染，加载多少数据就渲染多少数据，这样一来就省去了漫长数据加载等待的时间，它也提供了增量渲染技术(只渲染变化的数据)，从而提供资源的利用效率。
  • 还具有移动端的优化，跨平台的使用，绚丽的特效和三维可视化等等特点，感兴趣的同学可以访问这个网址：https://echarts.apache.org/zh/feature.html

ECharts的讲解_第3张图片

小结 

ECharts的讲解_第4张图片

ECharts的基本使用

操作步骤

  • 步骤1：引入echarts.js文件

  • 步骤2：准备一个呈现图表的盒子

  • 步骤3：初始化echarts实例对象

  • 步骤4：准备配置项

  • 步骤5：将配置项设置给echarts实例对象

echarts.js获取（此为链接，可点击发生跳转）

案例演示





    
    
    
    我的尝试

最初效果 

ECharts的讲解_第5张图片

添加最值和平均值 

ECharts的讲解_第6张图片

ECharts的讲解_第7张图片改变柱子的宽度和显示柱子的数值

ECharts的讲解_第8张图片

ECharts的讲解_第9张图片

将柱状图变为横向的(最终效果) 

ECharts的讲解_第10张图片

ECharts的讲解_第11张图片

小结

ECharts的讲解_第12张图片

ECharts的讲解_第13张图片 ECharts的讲解_第14张图片

通用配置title的相关配置

文字样式textStyle；标题边框的宽度(borderWidth),颜色(borderColor)和圆角半径(borderRadius)；标题位置(left,top,right和bottom)。

ECharts的讲解_第15张图片ECharts的讲解_第16张图片 

通用配置tooltip的相关配置

tooltip:提示框组件，用于配置鼠标滑过或点击图表时的显示框 

触发类型：trigger

trigger:'item'

ECharts的讲解_第17张图片当鼠标滑在图表(图中红色矩形部分)之上，就会有提示框出现。

trigger:'axis' 

ECharts的讲解_第18张图片

当鼠标滑在图表(图中红色矩形部分)之上，就会有提示框出现。

触发时机：triggerOn

triggerOn:'mouseover'

ECharts的讲解_第19张图片  

triggerOn:'click'

ECharts的讲解_第20张图片

ECharts的讲解_第21张图片格式化：formatter

字符串模板

ECharts的讲解_第22张图片

ECharts的讲解_第23张图片

ECharts的讲解_第24张图片

回调函数

ECharts的讲解_第25张图片 ECharts的讲解_第26张图片 

 ECharts的讲解_第27张图片

ECharts的讲解_第28张图片

咱们就是说，不会的话，或者忘记了，都可以去上文提到的官方文档中查询。

通用配置toolbox的相关配置

ECharts的讲解_第29张图片

ECharts的讲解_第30张图片 ECharts的讲解_第31张图片

ECharts的讲解_第32张图片

通用配置legend的相关配置

ECharts的讲解_第33张图片

ECharts的讲解_第34张图片 ECharts的讲解_第35张图片

ECharts的讲解_第36张图片

案例源码





    
    
    
    通用配置

小结

ECharts的讲解_第37张图片

折线图常见效果

标记 

ECharts的讲解_第38张图片

ECharts的讲解_第39张图片  

线条控制

ECharts的讲解_第40张图片填充风格

ECharts的讲解_第41张图片

ECharts的讲解_第42张图片

紧挨边缘

ECharts的讲解_第43张图片ECharts的讲解_第44张图片

ECharts的讲解_第45张图片

缩放：脱离 0 值比例

ECharts的讲解_第46张图片 ECharts的讲解_第47张图片ECharts的讲解_第48张图片

堆叠图

堆积图是在普通面积图的基础上，将不同数据项一层层堆叠起来，每个数据系列的起始点是上一个数据系列的结束点，既能看到各数据系列的走势，又能看到整体的规模和不同数据项的占比情况。

两折线图堆叠前

ECharts的讲解_第49张图片

 两折线图堆叠后

ECharts的讲解_第50张图片堆叠并填充后 

ECharts的讲解_第51张图片

 案例源码





    
    
    
    折线图常见效果

你可能感兴趣的:(前端,echarts,前端,javascript)

  • 如何实现表格选中时禁用树结构的复选框功能（El-Tree 与 El-Table 联动实现） Peak_Gao vue.jselementuijavascript
    在前端开发中，树形结构和表格是常用的组件组合，尤其是在展示和管理复杂数据时。使用ElementUI的el-tree和el-table组件，我们可以实现当表格中有选中行时，自动禁用树结构中的复选框，反之亦然。这不仅提升了用户体验，还能有效防止数据操作上的冲突。本文将详细介绍如何实现这一功能，并提供相应的代码示例。实现思路树结构(el-tree)：用于展示分层数据，支持复选框选择。表格(el-tabl
  • Go 语言实现本地大模型聊天机器人：从推理到 Web UI 的全流程 雷羿 LexChien Gogolang机器人前端
    接续Go-LLM-CPP专案，继续扩充前端聊天室功能一.专案目录架构：go-llm-cpp/├──bin/#第三方依赖│├──go-llama.cpp/#封裝GGUF模型推理（CGo）│└──llm-go/#prompt构建+回合管理（Go）│├──cmd/#可执行应用│└──main.go#CLI/HTTPserver入口点│├──config/│└──persona.yaml#人格模板（系统p
  • Vue 3 + Element Plus 常见开发问题与解决方案手册 JaysonJin 小问题vue.js前端javascript
    Vue3+ElementPlus常见开发问题与解决方案手册本文整理了常见但容易混淆的几个Vue3前端开发问题，包括插槽、原型链、响应式数据处理、v-model报错、样式阴影控制等，建议收藏学习！一、动态插槽fallback原理详解✅场景在组件中使用如下代码：✅疑问为什么加了默认内容，父组件传了插槽就会生效，没传就自动使用默认内容？✅解答这是Vue插槽的fallback（回退）机制：父组件有传插槽，
  • 探索 Vue.js 前端开发中的插件系统 大厂前端小白菜 vue.js前端javascriptai
    探索Vue.js前端开发中的插件系统关键词：Vue.js、插件系统、install方法、全局功能、代码复用、生命周期、模块化开发摘要：本文通过乐高积木的比喻，深入浅出地讲解Vue.js插件系统的核心原理。从install方法的工作原理到实战开发全局加载提示插件，揭秘如何通过插件机制实现功能扩展与代码复用，并探讨其在现代前端工程中的最佳实践。背景介绍目的和范围本文旨在帮助开发者理解Vue.js插件系
  • React.js在前端移动端开发中的应用 大厂前端小白菜 前端react.js前端框架ai
    React.js在前端移动端开发中的应用关键词：React.js、移动端开发、跨平台、组件化、性能优化、ReactNative、PWA摘要：本文将深入探讨React.js在移动端开发中的应用场景和技术实现。从React的核心特性出发，分析其在移动端的优势，详细介绍ReactNative的工作原理，并通过实际案例展示如何构建高性能的移动应用。文章还将对比不同移动端开发方案，提供性能优化建议，并展望R
  • 一：以理论结合实践方式梳理前端 React 框架 ——— 初识 React 框架 十三餍 React专栏javascriptes6前端
    初识React框架假设我们并不了解node&npm的情况下，使用最被大家熟知的方法：脚本引入方式，来开始学习react框架。官方文档：https://react.docschina.org/创建第一个应用管他三七二十一，先整一个项目再说：在你习惯放置学习代码的地方，建个目录（例：F:\wwwroot\react-demo），并建一个demo01.html，搭好html5格式：DocumentRea
  • REACT (Web开发框架 : react)极速入门 masterphp react.js前端前端框架
       前面讲过了很多后端，今天复习一下前端，为啥要讲React？对咯！我这边又被借调到前端组了，和前端的同学一起做React，以前有基础加上前端同学只做过Vue，所以我毫无疑问的又被借过去了......，这个是复习资料，高级玩家可略过。首先我要说一下，有Vue框架和JS原生的同学学习React会特别的快速，所以基础稍微差一点的同学可以先复习一下JS，特别说一下是JS老生常谈的，说明一下啥是Reac
  • 使用Node.js命令行进行编程 翠绿探寻 node.jsvim编辑器编程
    Node.js是一个基于ChromeV8JavaScript引擎构建的运行时环境，它可以让开发者使用JavaScript语言编写服务器端代码。Node.js命令行界面（CLI）是一个强大的工具，它提供了与Node.js交互和执行JavaScript代码的能力。在本文中，我们将介绍如何在Node.js命令行中使用JavaScript进行编程，并提供相应的源代码示例。1.安装Node.js首先，我们需
  • 反向遍历--当你修改一个元素的outerHTML时，该元素会被从 DOM 中移除 专注VB编程开发20年 htmljavascript
    varspans=editor.querySelectorAll('span[mytag]');//将NodeList转换为数组//varspansArray=Array.from(spans);varid=0spans.forEach(span=>{span.outerhtml这里无法直接修改吗?}在JavaScript中，outerHTML是一个可写属性，但你需要注意以下几点：1.属性名大小写
  • ASP.NET Web Pages - 教程 samFuB asp.net前端后端
    ASP.NET是一个使用HTML、CSS、JavaScript和服务器脚本创建网页和网站的开发框架。ASP.NET支持三种不同的开发模式：WebPages（Web页面）、MVC（ModelViewController模型-视图-控制器）、WebForms（Web窗体）：本教程介绍WebPages。WebPagesMVCWebForms从何入手？多数开发人员学习一个新技术，是从查看运行实例开始的。通
  • ASP.NET Web Pages 教程：从入门到精通 KrDebugging asp.net前端后端编程学习
    ASP.NETWebPages是一种用于构建动态网页的技术，它结合了传统的HTML、CSS和JavaScript，以及强大的服务器端编程语言C#。本教程将带您逐步学习ASP.NETWebPages的基础知识，并通过示例代码演示如何创建交互性强、功能丰富的网页应用程序。环境设置在开始学习ASP.NETWebPages之前，您需要进行以下环境设置：安装VisualStudio：您可以从Microsof
  • JavaScript中==和===的区别，以及应用场景 小熊哥^--^ 前端javascript前端开发语言
    比较操作符==与===的区别==是一个等于操作符，如果操作数相等就会返回true，但==涉及JavaScript中的隐式转换。在使用==时会先进行类型转换，再判断操作数是否相等。以下是示例：console.log(true==1);//trueconsole.log("1"==true);//trueconsole.log("55"==55);//trueconsole.log(0==false)
  • 支持向量机（SVM）在肝脏CT/MRI图像分类（肝癌检测）中的应用及实现 猿享天开 医学影像支持向量机机器学习人工智能算法
    博主简介：CSDN博客专家、CSDN平台优质创作者，高级开发工程师，数学专业，10年以上C/C++,C#,Java等多种编程语言开发经验，拥有高级工程师证书；擅长C/C++、C#等开发语言，熟悉Java常用开发技术，能熟练应用常用数据库SQLserver,Oracle,mysql,postgresql等进行开发应用，熟悉DICOM医学影像及DICOM协议,业余时间自学JavaScript,Vue,
  • UniApp Vue3 模式下实现页面跳转的全面指南
    1.引言1.1UniApp与Vue3的结合优势UniApp是一个使用Vue.js开发所有前端应用的框架，支持编译到iOS、Android、H5、以及各种小程序平台。Vue3提供了更高效的响应式系统和CompositionAPI，使开发体验更加现代化和灵活。1.2页面跳转在应用开发中的重要性页面跳转是用户交互的核心功能之一，良好的跳转逻辑可以提升用户体验并增强应用结构的清晰度。2.UniApp原生导
  • 实战篇：（十三）新手指南：搭建 Vue 3 项目，完美结合 Element Plus 的使用技巧!
    新手指南：搭建Vue3项目，完美结合ElementPlus的使用技巧!本篇文章将带你一步一步地学习如何使用Vite创建一个Vue3+TypeScript项目，并轻松集成ElementPlus组件库，让你的应用界面更加优雅和实用。无论你是刚接触前端开发的新手，还是希望提升开发效率的开发者，这篇指南都将为你提供清晰的步骤和实用的技巧，帮助你快速上手。在文章中，我们将详细介绍项目的创建过程、按需加载El
  • 前端相关性能优化笔记 星辰大海1412 笔记
    1.打开速度怎么变快-首屏加载优化2.再次打开速度怎么变快-缓存优化了3.操作怎么才顺滑-渲染优化4.动画怎么保证流畅-长任务拆分2.1首屏加载指标细化:1.FP(FirstPaint首次绘制)2.FCP(FirstcontentfulPaint首次内容绘制)，FP到FCP中间其实主要是SPA应用JS执行，太慢就会白屏时间太长3.FMP(FristMeaningfulPaint首次有效绘制)，主要
  • 实验五-Flask的简易登录系统 亚力山大抵 pythonflaskpython后端
    一、实验目的和任务1.掌握Flask框架的基本使用方法2.理解Web应用的会话管理机制3.实现用户认证系统的基本功能4.学习模板继承和表单处理技术要求：请将思考题的答案写在实验报告中二、实验内容1.基础环境搭建：创建项目目录结构、安装必要依赖包2.核心功能实现：用户注册（用户名、密码）、用户登录验证、会话状态管理、用户退出功能3.前端界面开发：基础模板设计、注册/登录表单实现4.系统测试验证：注册
  • AR 如何改变我们构建网站的方式
    想坐在沙发上试鞋子？欢迎来到WebAR的世界。还记得你在网页上逛商城时，点击一副墨镜，然后镜头打开，它就自动出现在你脸上的那一瞬间吗？不需要下载App，不需要跳转，只需一个浏览器。这不是科幻，而是WebAR正在实现的现实。那么问题来了：浏览器里的AR究竟是怎么实现的？我们能不能把它加进自己的网站，而不把用户的手机卡成PPT？更重要的是：它会成为前端开发的未来吗？让我们一起来拆解。什么是WebAR？
  • React + PDF.js 预览 PDF 文件：从基础实现到高级优化的完整指南 EndingCoder 前端开发javascriptreact.jspdf前端前端框架
    关键点PDF.js：Mozilla开发的开源JavaScript库，用于在浏览器中渲染PDF文件。React集成：结合React组件化特性，实现高效、交互式的PDF预览功能。功能实现：支持PDF文件加载、页面导航、缩放、搜索、书签和注释。优化策略：包括性能优化（懒加载、缓存）、可访问性和手机端适配。常见问题：处理大文件加载、跨浏览器兼容性和内存管理。实践场景：通过一个文档管理应用，展示PDF.js
  • 基于 Rust 的前端工具基本实现 aiguangyuan Rust前端开发系统架构Rust
    1.Rust环境安装1.1.安装RustRust提供了一个非常方便的安装工具rustup，可以通过以下命令安装Rust：curl--proto'=https'--tlsv1.2-sSfhttps://sh.rustup.rs|sh这个命令会安装Rust编译器rustc、包管理工具cargo以及其他相关工具。1.2.配置环境变量安装完成后，确保将Rust的路径添加到系统的PATH环境变量中。一般情况
  • Vue3 学习教程，从入门到精通，Vue3 简介知识点及案例代码（1） 知识分享小能手 vue3前端开发网页开发学习bootstrapjavascripttypescript前端vue.jsvue
    Vue3简介知识点及案例代码一、Vue3简介Vue3是一款用于构建用户界面的渐进式JavaScript框架，采用MVVM模式，具有响应式、组件化等优点，可提高开发效率，优化应用性能。二、Web前端开发概述Web前端开发涉及HTML、CSS、JavaScript等技术，用于构建用户可直接交互的页面部分。随着技术发展，出现了多种前端框架，Vue3是其中的优秀代表，基于前后端分离模式，使前后端开发解耦，
  • 前端页面结构介绍 斯kk 前端前端
    前端页面中常见的标签结构通常遵循HTML5标准，以下是典型的结构分类和示例：1.文档基础结构页面标题：声明文档类型。：根标签，通常包含语言声明（lang属性）。：存放元数据、引用的CSS/JS等。：页面可见内容。2.内容分区标签网站页眉（Logo/导航）主导航链接独立内容（如博客文章）内容区块（通常带标题）侧边栏/附加内容页脚（版权/联系方式）语义化标签：HTML5引入的语义化标签，提升可读性和S
  • 深入理解 classnames：React 动态类名管理的最佳实践 司南锤 前端react.js前端前端框架
    在现代前端开发中，我们经常需要根据组件的状态、属性或用户交互来动态切换CSS类名。虽然JavaScript提供了多种方式来处理字符串拼接，但随着应用复杂性的增加，传统的类名管理方式很快就会变得混乱不堪。这时，classnames库就像一个优雅的解决方案出现在我们面前。为什么需要classnames？想象一下这样的场景：你需要为一个按钮组件动态设置多个类名，包括基础样式、变体样式、状态样式等。传统的
  • HTML&CSS&Javascript学习总结
    HTMLHTML(*HypertextMarkupLanguage)是一种超文本标记语言一、HTML标记1.HTMl元素分析[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dqwzelyx-1598868442842)(https://qige.io/web/brief-html/img/f63738cc51ebfa14.png)]*开始标签（Openingtag）：
  • 前端常见的安全问题及防范措施
    前言随着互联网的高速发展，信息安全问题已经成为行业最为关注的焦点之一。总的来说安全是很复杂的一个领域，在移动互联网时代，前端人员除了传统的XSS、CSRF等安全问题之外，还时常遭遇网络劫持、非法调用HybridAPI等新型安全问题。这篇文章会介绍一些常见的安全问题及如何防范的内容，在当下其实安全问题越来越重要，已经逐渐成为前端开发必备的技能了。前端安全问题跨站脚本攻击（XSS）Cross-Site
  • 大厂都爱问的前端安全问题及防范措施 前端南玖 前端面试前端安全web安全面试javascript
    前言随着互联网的高速发展，信息安全问题已经成为行业最为关注的焦点之一。总的来说安全是很复杂的一个领域，在移动互联网时代，前端人员除了传统的XSS、CSRF等安全问题之外，还时常遭遇网络劫持、非法调用HybridAPI等新型安全问题。这篇文章会介绍一些常见的安全问题及如何防范的内容，在当下其实安全问题越来越重要，已经逐渐成为前端开发必备的技能了。如果这篇文章有帮助到你，❤️关注+点赞❤️鼓励一下作者
  • 前端技术栈 —— HTML、CSS和JavaScirpt执行环境 CS-Polaris 前端技术栈前端htmlcss
    以下内容由GLM回答生成，不保证正确性。前端技术栈——HTML、CSS和JavaScirpt执行环境JavaScript的执行环境HTML和CSS的执行环境HTML和CSS是否可以在其他环境中执行？总结JavaScript是一种解释型语言，但它也可以被编译。JavaScript的执行方式取决于具体的运行环境。在浏览器中，JavaScript是通过解释器逐行执行的，但在某些情况下（如使用工具如Bab
  • 每天一个前端小知识 Day 23 - PWA 渐进式 Web 应用开发 蓝婷儿 python前端
    PWA渐进式Web应用开发（离线缓存、桌面安装等）一、什么是PWA？PWA（ProgressiveWebApp）是一种让Web应用具有类似原生App用户体验的技术体系。PWA不是一个框架，而是由一组浏览器API组成的技术集合，包括：离线访问能力WebApp安装到桌面推送通知后台同步原生风格UIPWA的三大核心能力能力描述可安装性支持添加到桌面启动器，像原生App打开离线能力使用ServiceWor
  • JavaScript 中导入模块时，确实不需要显式地写 node_modules 路径。 咔咔咔索菲斯 javascriptvue
    1.正确的导入语法在Webpack、Vite等打包工具中，node_modules目录是默认的模块搜索路径，因此直接写包名即可：//✅正确：直接使用包名import'nprogress/nprogress.css';//❌错误：不需要显式写node_modules路径import'node_modules/nprogress/nprogress.css';2.为什么不需要写node_module
  • Linux内核IPv4路由子系统深度剖析：FIB前端实现与设计原理 109702008 编程#C语言网络linux网络人工智能
    深入理解Linux网络栈的核心组件：路由表管理、地址验证与事件处理机制引言在Linux网络栈中，IPv4转发信息库（FIB）是决定数据包传输路径的核心子系统。fib_frontend.c作为FIB的前端实现，承担着路由表管理、用户接口交互和网络事件响应等关键任务。本文将深入剖析这一关键文件的实现原理，揭示Linux路由机制的设计哲学。一、FIB前端整体架构/*核心数据结构*/structfib_t
  • 继之前的线程循环加到窗口中运行 3213213333332132 javathreadJFrameJPanel
    之前写了有关java线程的循环执行和结束，因为想制作成exe文件，想把执行的效果加到窗口上，所以就结合了JFrame和JPanel写了这个程序，这里直接贴出代码，在窗口上运行的效果下面有附图。 package thread; import java.awt.Graphics; import java.text.SimpleDateFormat; import java.util
  • linux 常用命令 BlueSkator linux命令
    1.grep 相信这个命令可以说是大家最常用的命令之一了。尤其是查询生产环境的日志，这个命令绝对是必不可少的。 但之前总是习惯于使用 （grep -n 关键字 文件名 ）查出关键字以及该关键字所在的行数，然后再用 （sed -n  '100,200p' 文件名），去查出该关键字之后的日志内容。 但其实还有更简便的办法，就是用（grep  -B n、-A n、-C n 关键
  • php heredoc原文档和nowdoc语法 dcj3sjt126com PHPheredocnowdoc
    <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body> <?
  • overflow的属性 周华华 JavaScript
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • 《我所了解的Java》——总体目录 g21121 java
            准备用一年左右时间写一个系列的文章《我所了解的Java》，目录及内容会不断完善及调整。         在编写相关内容时难免出现笔误、代码无法执行、名词理解错误等，请大家及时指出，我会第一时间更正。    &n
  • [简单]docx4j常用方法小结 53873039oycg docx
            本代码基于docx4j-3.2.0，在office word 2007上测试通过。代码如下:         import java.io.File; import java.io.FileInputStream; import ja
  • Spring配置学习 云端月影 spring配置
    首先来看一个标准的Spring配置文件 applicationContext.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi=&q
  • Java新手入门的30个基本概念三 aijuans java新手java 入门
    17.Java中的每一个类都是从Object类扩展而来的。　　18.object类中的equal和toString方法。　　equal用于测试一个对象是否同另一个对象相等。　　toString返回一个代表该对象的字符串,几乎每一个类都会重载该方法,以便返回当前状态的正确表示.(toString 方法是一个很重要的方法)　　 19.通用编程:任何类类型的所有值都可以同object类性的变量来代替。　
  • 《2008 IBM Rational 软件开发高峰论坛会议》小记 antonyup_2006 软件测试敏捷开发项目管理IBM活动
    我一直想写些总结,用于交流和备忘,然都没提笔,今以一篇参加活动的感受小记开个头,呵呵! 其实参加《2008 IBM Rational 软件开发高峰论坛会议》是9月4号,那天刚好调休.但接着项目颇为忙,所以今天在中秋佳节的假期里整理了下. 参加这次活动是一个朋友给的一个邀请书,才知道有这样的一个活动,虽然现在项目暂时没用到IBM的解决方案,但觉的参与这样一个活动可以拓宽下视野和相关知识.
  • PL/SQL的过程编程,异常,声明变量,PL/SQL块 百合不是茶 PL/SQL的过程编程异常PL/SQL块声明变量
    PL/SQL;    过程; 符号; 变量; PL/SQL块; 输出; 异常;     PL/SQL 是过程语言(Procedural Language)与结构化查询语言(SQL)结合而成的编程语言PL/SQL 是对 SQL 的扩展,sql的执行时每次都要写操作
  • Mockito(三)--完整功能介绍 bijian1013 持续集成mockito单元测试
            mockito官网：http://code.google.com/p/mockito/，打开documentation可以看到官方最新的文档资料。 一.使用mockito验证行为 //首先要import Mockito import static org.mockito.Mockito.*; //mo
  • 精通Oracle10编程SQL(8)使用复合数据类型 bijian1013 oracle数据库plsql
    /* *使用复合数据类型 */ --PL/SQL记录 --定义PL/SQL记录 --自定义PL/SQL记录 DECLARE TYPE emp_record_type IS RECORD( name emp.ename%TYPE, salary emp.sal%TYPE, dno emp.deptno%TYPE ); emp_
  • 【Linux常用命令一】grep命令 bit1129 Linux常用命令
    grep命令格式   grep [option] pattern [file-list]     grep命令用于在指定的文件(一个或者多个,file-list)中查找包含模式串(pattern)的行,[option]用于控制grep命令的查找方式。   pattern可以是普通字符串，也可以是正则表达式，当查找的字符串包含正则表达式字符或者特
  • mybatis3入门学习笔记 白糖_ sqlibatisqqjdbc配置管理
    MyBatis 的前身就是iBatis，是一个数据持久层(ORM)框架。  MyBatis 是支持普通 SQL 查询，存储过程和高级映射的优秀持久层框架。MyBatis对JDBC进行了一次很浅的封装。   以前也学过iBatis，因为MyBatis是iBatis的升级版本，最初以为改动应该不大，实际结果是MyBatis对配置文件进行了一些大的改动，使整个框架更加方便人性化。
  • Linux 命令神器：lsof 入门 ronin47 lsof
           lsof是系统管理/安全的尤伯工具。我大多数时候用它来从系统获得与网络连接相关的信息，但那只是这个强大而又鲜为人知的应用的第一步。将这个工具称之为lsof真实名副其实，因为它是指“列出打开文件（lists openfiles）”。而有一点要切记，在Unix中一切（包括网络套接口）都是文件。 有趣的是，lsof也是有着最多
  • java实现两个大数相加，可能存在溢出。 bylijinnan java实现
    import java.math.BigInteger; import java.util.regex.Matcher; import java.util.regex.Pattern; public class BigIntegerAddition { /** * 题目：java实现两个大数相加，可能存在溢出。 * 如123456789 + 987654321
  • Kettle学习资料分享，附大神用Kettle的一套流程完成对整个数据库迁移方法 Kai_Ge Kettle
    Kettle学习资料分享   Kettle 3.2 使用说明书 目录 概述..........................................................................................................................................7 1.Kettle 资源库管
  • [货币与金融]钢之炼金术士 comsci 金融
           自古以来,都有一些人在从事炼金术的工作.........但是很少有成功的        那么随着人类在理论物理和工程物理上面取得的一些突破性进展......        炼金术这个古老
  • Toast原来也可以多样化 dai_lm androidtoast
    Style 1： 默认 Toast def = Toast.makeText(this, "default", Toast.LENGTH_SHORT); def.show(); Style 2： 顶部显示 Toast top = Toast.makeText(this, "top", Toast.LENGTH_SHORT); t
  • java数据计算的几种解决方法3 datamachine javahadoopibatisr-languer
    4、iBatis     简单敏捷因此强大的数据计算层。和Hibernate不同，它鼓励写SQL，所以学习成本最低。同时它用最小的代价实现了计算脚本和JAVA代码的解耦，只用20%的代价就实现了hibernate 80%的功能,没实现的20%是计算脚本和数据库的解耦。     复杂计算环境是它的弱项，比如：分布式计算、复杂计算、非数据
  • 向网页中插入透明Flash的方法和技巧 dcj3sjt126com htmlWebFlash
    将 Flash 作品插入网页的时候，我们有时候会需要将它设为透明，有时候我们需要在Flash的背面插入一些漂亮的图片，搭配出漂亮的效果……下面我们介绍一些将Flash插入网页中的一些透明的设置技巧。 　　一、Swf透明、无坐标控制　　首先教大家最简单的插入Flash的代码，透明，无坐标控制： 　　注意wmode="transparent"是控制Flash是否透明
  • ios UICollectionView的使用 dcj3sjt126com
    UICollectionView的使用有两种方法，一种是继承UICollectionViewController，这个Controller会自带一个UICollectionView；另外一种是作为一个视图放在普通的UIViewController里面。 个人更喜欢第二种。下面采用第二种方式简单介绍一下UICollectionView的使用。 1.UIViewController实现委托，代码如
  • Eos平台java公共逻辑 蕃薯耀 Eos平台java公共逻辑Eos平台java公共逻辑
     Eos平台java公共逻辑 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:20:4
  • SpringMVC4零配置--Web上下文配置【MvcConfig】 hanqunfeng springmvc4
    与SpringSecurity的配置类似，spring同样为我们提供了一个实现类WebMvcConfigurationSupport和一个注解@EnableWebMvc以帮助我们减少bean的声明。   applicationContext-MvcConfig.xml <!-- 启用注解，并定义组件查找规则 ，mvc层只负责扫描@Controller --> <
  • 解决ie和其他浏览器poi下载excel文件名乱码 jackyrong Excel
       使用poi,做传统的excel导出，然后想在浏览器中，让用户选择另存为，保存用户下载的xls文件，这个时候，可能的是在ie下出现乱码（ie,9,10,11),但在firefox,chrome下没乱码， 因此必须综合判断，编写一个工具类：      /** * * @Title: pro
  • 挥洒泪水的青春 lampcy 编程生活程序员
    2015年2月28日，我辞职了，离开了相处一年的触控，转过身--挥洒掉泪水，毅然来到了兄弟连，背负着许多的不解、质疑——”你一个零基础、脑子又不聪明的人，还敢跨行业，选择Unity3D？“，”真是不自量力••••••“，”真是初生牛犊不怕虎•••••“，••••••我只是淡淡一笑，拎着行李----坐上了通向挥洒泪水的青春之地——兄弟连！ 这就是我青春的分割线，不后悔，只会去用泪水浇灌——已经来到
  • 稳增长之中国股市两点意见-----严控做空，建立涨跌停版停牌重组机制 nannan408
       对于股市，我们国家的监管还是有点拼的，但始终拼不过飞流直下的恐慌，为什么呢？    笔者首先支持股市的监管。对于股市越管越荡的现象，笔者认为首先是做空力量超过了股市自身的升力，并且对于跌停停牌重组的快速反应还没建立好，上市公司对于股价下跌没有很好的利好支撑。    我们来看美国和香港是怎么应对股灾的。美国是靠禁止重要股票做空，在
  • 动态设置iframe高度(iframe高度自适应) Rainbow702 JavaScriptiframecontentDocument高度自适应局部刷新
    如果需要对画面中的部分区域作局部刷新，大家可能都会想到使用ajax。 但有些情况下，须使用在页面中嵌入一个iframe来作局部刷新。 对于使用iframe的情况，发现有一个问题，就是iframe中的页面的高度可能会很高，但是外面页面并不会被iframe内部页面给撑开，如下面的结构： <div id="content"> <div id=&quo
  • 用Rapael做图表 tntxia rap
    function drawReport(paper,attr,data){          var width = attr.width;     var height = attr.height;          var max = 0;   &nbs
  • HTML5 bootstrap2网页兼容（支持IE10以下） xiaoluode html5bootstrap
    <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他