姚明明
姚明明

ECharts的简单学习(一)

1.简介

ECharts是百度推出的一款强大的作图工具，是基于HTML5的图形库，其开源免费且功能丰富，官网上的资料也很详细，使用ECharts做图需要有一些简单的HTML和JavaScript基础，要用到一些标签。

ECharts官网

我们可以根据自己的需要选择下载合适的版本，这里我选择的是完整版，如下图示：
ECharts的简单学习(一)_第1张图片

2.使用方法

2.1 引入ECharts

ECharts 的引入方式类似 JavaScript 库一样用 script 标签引入即可。


<html>
<head>
    <meta charset="utf-8">
    
    <script src="echarts.min.js">script>
head>
html>

2.2 使用ECharts绘制一个简单的图表

使用ECharts绘制图表前要先有一个有宽高的DOM容器，代码如下：

<body>
    
    <div id="main" style="width: 600px;height:400px;">div>
body>

接着通过使用 echarts.init方法来初始化一个 echarts 实例和使用 setOption方法生成一个简单的柱状图，完整的代码如下：


<html>
<head>
    <meta charset="utf-8">
    <title>EChartstitle>
    
    <script src="C:\Users\ming\Downloads\echarts.min.js">script>
head>
<body>
    
    <div id="main" style="width: 600px;height:400px;">div>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
        option = {
     title: {
        text: '近年考研工科学硕国家线'
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data:['A类','B类']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: {
        type: 'category',
        data: [2014,2015,2016,2017,2018]
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
        name:'A类',
        data: [285,280,265,265,260],
        type: 'line'
        },
        {
        name:'B类',
        data: [275,270,255,255,250],
        type: 'line'
        }
    ]
};
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    script>
body>
html>

得到的折线图如下所示：

ECharts的简单学习(一)_第2张图片

再附上一个用ECharts画的一个成绩单的直方图：

ECharts的简单学习(一)_第3张图片

总结：

ECharts官网上有丰富的图样模版，官网文档的教程和配置手册很详细，能够帮助我们画出各种优美炫酷的图表，还有很多实例代码开放，相信会满足你对图表的挑剔。

你可能感兴趣的:(基础工具,ECharts)

  • vue项目 阿什么名字不会重复呢 vue.js前端javascript
    vue进行配置创建vue项目vuecreateone//one就是项目名字npmielement-ui--Snpmiaxios--savenpmiecharts--save配置main.jsimportVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'importElement
  • Python 数据可视化神器—Pyecharts 代码输入中... pythonecharts开发语言数据分析pycharm
    前言Echarts是百度开源的一款数据可视化JS工具，数据可视化类型十分丰富，但是得通过导入js库在JavaWeb项目上运行。作为工作中常用Python的选手，不能不知道这款数据可视化插件的强大。那么，能否在Python中也能用到Echarts的功能呢?寻找中惊喜地发现了pyecharts，只需在python中安装该模块即可使用。安装常用的pip安装包一键安装pyecharts#pyecharts
  • 【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts) 视频教程 - 微博文章数据可视化分析-文章分类下拉框实现 java1234_小锋 NLPNLLP微博舆情分析python自然语言处理flask
    大家好，我是java1234_小锋老师，最近写了一套【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts)视频教程，持续更新中，计划月底更新完，感谢支持。今天讲解微博文章数据可视化分析-文章分类下拉框实现视频在线地址：2026版【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts+爬虫)视频教程（火爆连载更
  • echarts实现两个饼图嵌套 js_user echarts前端javascriptcsshtmlvue.js
    效果展示需求：内层饼图为一级分类，外层饼图为二级分类。内外层一级分类和多属的二级分类颜色一样，且悬浮二级分类，一级分类同样有高亮效果。一级分类和二级分类悬浮有释义说明（解释这个分类的含义）由于二级分类只展示其中一部分，所以一级分类和二级分类所占角度不一样。关键代码展示**定义option**constcolors=["#fc8251","#5470c6","#91cd77","#ef6567","
  • echarts中toolbox工具栏悬浮出现中文说明 js_user echarts前端javascript
    需求：目前是这种效果，要改成工具栏悬浮出现中文说明//在对应的工具栏配置中，添加titletoolbox:{show:true,//是否显示工具栏feature:{dataView:{show:true,readOnly:false,title:'数据视图'},saveAsImage:{show:true,title:'保存为图片'},},},
  • vue3，echarts图表刷新空白，或者说父组件代码改动图表就空白问题 CDwenhuohuo echartsvue.jsjavascript
    需要考虑和排查：数据更新问题：父组件更新数据时，确保数据传递给子组件的对象发生了变化。在Vue中，响应式数据更新需要通过赋值新对象或修改对象属性来触发。如果只是修改对象的属性值而不修改对象本身，可能不会触发子组件的重新渲染。在打印输出中，确保打印的数据确实反映了父组件更新后的数据状态，包括值。图表初始化和销毁：确保在子组件中正确地初始化和销毁echarts实例。每次父组件数据更新时，应当先销毁之前
  • Zap日志库指南 ん贤 #GoWebgo后端
    Zap是由Uber开发的高性能Go日志库，特别适合后端服务。入门：第一目：为什么要选择Zap？在Go语言的日志库中，流行的有zap、logrus...甚至还有Go自带的原生的log。zap：极致性能(低延迟、低内存占用)、支持多种日志级别、偏底层、Uber官方维护并持续更新Logrus：灵活易用、支持多种日志级别、高层封装支持全局调用、基本停滞更新原生log包：简单易用的基础工具、学习成本低。高并
  • 【ECharts】多个ECharts版本共存解决方案 姜太小白 前端#EChartsecharts前端javascript
    多个ECharts版本共存解决方案在单个HTML页面中使用多个ECharts版本的关键在于避免全局命名空间冲突。下面我将展示一个完整的解决方案，包含两种不同的实现方法。解决方案思路命名空间隔离法：使用不同的全局变量名保存不同版本的ECharts在加载新版本前清除全局echarts变量AMD模块化方法：使用RequireJS动态加载多个版本每个版本在独立的模块作用域中运行实现说明方法一：命名空间隔离
  • 【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts) 视频教程 - 主页-评论用户时间占比环形饼状图实现
    大家好，我是java1234_小锋老师，最近写了一套【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts)视频教程，持续更新中，计划月底更新完，感谢支持。今天讲解主页-评论用户时间占比环形饼状图实现视频在线地址：2026版【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts+爬虫)视频教程（火爆连载更新中.
  • Linux操作系统-性能优化 月堂 linux服务器运维
    1.基础工具top/htoptop#实时查看CPU、内存、进程htop#增强版（支持鼠标操作）关键指标：%CPU（CPU占用）、%MEM（内存占用）、LOADAVERAGE（系统负载）。vmstatvmstat1#每秒输出一次系统状态关键列：r：等待CPU的进程数（>CPU核数表示过载）。si/so：Swap交换频率（频繁交换说明内存不足）。iostatiostat-xz1#查看磁盘I/O关键指标
  • Typecho Handsome 添加实时QPS图表 - 兼容主题pjax BXCQ_xuan php
    文章目录一、最终效果二、实现原理三、文件准备1.数据读取脚本2.数据更新脚本3.ECharts延迟加载器4.后台数据更新器(JS)四、侧边栏集成五、整合与配置(关键步骤)六、故障排查对于使用TypechoHandsome主题的博主来说，在侧边栏添加一个能实时反馈网站负载的QPS(每秒查询率)图表，是一项非常酷的功能。然而，Handsome主题强大的PJAX无刷新加载特性，也给这类需要持续运行的动态
  • echarts地图边界数据的实时获取与应用，省市区县多级联动【附最新geoJson文件下载】 前端小开发仔 vue
    首先，来看下效果图在线体验地址：https://hxkj.vip/demo/echartsMap/，并提供实时geoJson数据文件下载前段时间给公司弄了一套基于echartsmap的地图数据展示的平台，开发过程中发现百度官方已经不提供地图下载了，于是只能期望能在网上搜到哪位大佬帮忙收集的json文件。找是找到了，然鹅发现大部分都年代久远了，很多地区其实已经重新划分行政区划了。所以，只能想想其他办
  • 2024年9月份实时获取地图边界数据方法，省市区县街道多级联动【附实时geoJson数据下载】 HashTang geojson乡镇边界全国边界街道边界街道geo区县geojson
    首先，来看下效果图在线体验地址：https://geojson.hxkj.vip，并提供实时geoJson数据文件下载可下载的数据包含省级geojson行政边界数据、市级geojson行政边界数据、区/县级geojson行政边界数据、省市区县街道行政编码四级联动数据（可精确到乡镇/街道级）、省市区县街道乡村五级行政编码。前段时间给公司弄了一套基于echartsmap的地图数据展示的平台，开发过程中
  • 2024年5月份实时获取地图边界数据方法，省市区县街道多级联动【附实时geoJson数据下载】 HashTang geojson乡镇边界全国边界街道边界街道geo
    首先，来看下效果图在线体验地址：https://geojson.hxkj.vip，并提供实时geoJson数据文件下载可下载的数据包含省级geojson行政边界数据、市级geojson行政边界数据、区/县级geojson行政边界数据、省市区县街道行政编码四级联动数据（可精确到乡镇/街道级）、省市区县街道乡村五级行政编码。前段时间给公司弄了一套基于echartsmap的地图数据展示的平台，开发过程中
  • 2025年7月份实时最新获取地图边界数据方法，省市区县街道多级联动【文末附实时geoJson数据下载】 HashTang geojson乡镇边界全国乡镇边界街道边界全国街道边界
    动态生成最新行政区划GeoJSON数据并结合ECharts实现地图下钻功能在开发基于地图的数据可视化应用时，一个常见的挑战是获取准确且最新的行政区划边界数据（GeoJSON）。许多现有的在线资源可能数据陈旧，无法反映最新的行政区划调整。本文将介绍一种解决方案，通过调用高德开放平台的API动态获取最新的行政区划边界，并结合ECharts实现可下钻的地图可视化。第一部分：通过高德开放平台API获取行政
  • C#/PixUI 应用在微信小程序中的 WebAssembly 集成方案 bpluo42657 c#微信小程序wasm
    一、运行效果演示演示使用C#编写的LiveCharts组件，通过点击按钮动态生成数据图表。Android真机运行效果：[此处建议补充具体效果描述或截图]模拟器运行效果：[此处建议补充具体效果描述或截图]二、实现原理核心原理如下图所示：[示意图位置-建议补充图示]将C#编写的PixUI应用及C++编写的Skia图形引擎编译为WebAssembly(Wasm)模块。在微信小程序中使用WXWebAsse
  • 5minites Echarts 大地缸
    title:"5minitesEcharts"date:2021-01-27T20:33:42+08:00draft:truetags:['echarts']author:"dadigang"author_cn:"大地缸"personal:"http://www.real007.cn"关于作者http://www.real007.cn/about获取ECharts你可以通过以下几种方式获取Apac
  • Matlab学习笔记：矩阵基础
    MATLAB学习笔记：矩阵基础作为MATLAB的核心，矩阵是处理数据的基础工具。矩阵本质上是一个二维数组，由行和列组成，用于存储和操作数值数据。在本节中，我将详细讲解矩阵的所有知识点，包括创建、索引、运算、函数等，确保内容通俗易懂。我会在关键地方添加MATLAB代码示例，帮助你直观理解。最后，我会总结本课重点，并引出下一节“逻辑基础”的内容。一、什么是矩阵？在MATLAB中，矩阵是一个二维数组，元
  • 基于 Vue3 + ECharts 实现渐变分段折线图：支持动态区间、响应式渲染与颜色控制 saadiya~ echarts信息可视化前端
    在数据可视化项目中，折线图是最常见的图表类型之一，而通过颜色分段渐变可以让用户更加直观地感知数据的变化趋势和区间风险。本文将带你实战一个基于Vue3+ECharts的渐变分段折线图组件，支持传入valueList控制每段颜色，适配多种数据类型，实现图表的动态更新与响应式自适应。一、效果预览与场景说明该组件可应用于以下场景：空气质量指标（AQI）路况拥堵指数（如：0-0.5畅通，0.5-1一般，1-
  • echarts 随窗口的移动，改变图表size StrongerIrene echartsjavascript前端
    错误写法：//错误原因：依赖项数组的用法不符合React响应式原理useEffect(()=>{//...},[PieRef,PieRef.current?.clientHeight,PieRef.current?.clientHeight]);关键问题：以上三点得出：这个pieref这样子盯着变动是无效的。正确的写法是，关键点在resizeObserver这里，类似intercetionobse
  • echars世界地图，显示指定的国家散点图 xkxnq vuevue.jsjavascript
    效果如下1.下载:npminstallecharts--save2，引入世界地图在main.js文件里引入(这里是Vue3.0的模板)importechartsfrom'echarts'Vue.prototype.$echarts=echartsimport'../node_modules/echarts/map/js/world.js'//引入世界地图3.使用import{mapoption,p
  • 深入解析Linux命令：创建目录mkdir的全面指南 梦幻南瓜 linuxlinux服务器运维
    在Linux操作系统中，mkdir命令是创建目录的基础工具。无论是系统管理员还是普通用户，掌握mkdir的使用方法都是必不可少的。本文将详细解读mkdir命令的用法、选项及其在实际操作中的应用场景。1.mkdir命令的基本用法mkdir是“makedirectory”的缩写，用于在指定路径下创建新目录。其基本语法如下：mkdir[选项]目录名1.1创建单个目录最简单的用法是创建一个目录。例如，要在
  • python画地图柱状图,小白学Python（16）——pyecharts 绘制地理图表 Geo 都灵Turin python画地图柱状图
    Geo-基本示例1fromexample.commonsimportFaker2frompyechartsimportoptionsasopts3frompyecharts.chartsimportGeo4frompyecharts.globalsimportChartType,SymbolType56geo=(7Geo()8.add_schema(maptype="china")9.add("g
  • 【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts) 视频教程 - 基于wordcloud库实现词云图
    大家好，我是java1234_小锋老师，最近写了一套【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts)视频教程，持续更新中，计划月底更新完，感谢支持。今天讲解基于wordcloud库实现词云图视频在线地址：2026版【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts+爬虫)视频教程（火爆连载更新中..
  • C++ 数组详解：从基础到实战 光の javajvm前端
    一、数组的定义与核心特性（一）什么是数组？数组（Array）是C++中用于存储一组相同类型元素的连续内存空间。它通过一个统一的名称（数组名）和索引（下标）来访问每个元素，是实现批量数据管理的基础工具。（二）核心特性特性说明同类型所有元素必须是同一数据类型（如int、double）连续性元素在内存中连续存放，地址递增（&arr[i+1]=&arr[i]+sizeof(类型)）固定大小数组声明时需指定
  • web前端期末大作业实例 (1500套) 集合
    文章目录web前端期末大作业(1500套)集合一、网页介绍二、网页集合表白网页125套(集合)Echarts大屏数据展示150套(集合)一、基于HTML+Echarts技术制作二、基于VUE+Echarts技术制作更多源码web前端期末大作业(1500套)集合临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页
  • Echarts柱状图series下去掉无数据的柱子，没数据不让其柱子占位置 , echarts图表,多个柱子其中数据为0时不占位 吃西瓜不吐籽_ echartsjavascript前端
    echarts图表,多个柱子其中数据为0时不占位修改前（中间柱子没数据但是还是会占位置）修改后（中间柱子没数据情况下会自动调整）思路：使用自定义柱子来做import*asechartsfrom'echarts';varchartDom=document.getElementById('main');varmyChart=echarts.init(chartDom);varoption;lettuf
  • 重学Java并发编程(LockSupport的使用) 豌豆日记 Java多线程JAVA多线程并发编程
    前言:本文中的代码基于JDK1.8LockSupport是什么?LockSupport定义了一组公共的静态方法，这些方法提供了最基本的线程阻塞和唤醒功能，LockSupport是成为构建同步工具的基础工具。LockSupport定义了一组以park开头的方法来阻塞当前线程，以及unpark(Threadthread)方法来唤醒一个被阻塞的线程。Park有停车的意思，假设线程为车辆，那么park方法
  • 基于链家网的二手房数据采集清洗与可视化分析 Mint_Datazzh 项目selenium网络爬虫
    个人学习内容笔记，仅供参考。项目链接：https://gitee.com/rongwu651/lianjia原文链接：基于链家网的二手房数据采集清洗与可视化分析–笔墨云烟研究内容该课题的主要目的是通过将二手房网站上的存量与已销售房源，构建一个二手房市场行情情况与房源特点的可视化平台。该平台通过HTML架构和Echarts完成可视化的搭建。因此，该课题的主要研究内容就是如何利用相关技术设计并实现这样
  • 【前端】【Echarts】【Liquidfill 水球图】深入理解 ECharts Liquidfill 水球图：从入门到进阶 患得患失949 Echarts学习数据大屏前端echartsjavascript
    效果深入理解EChartsLiquidfill水球图：从入门到进阶在可视化数据展示中，水球图（Liquidfill）是一种极具表现力的图表。它形象地用“水位高低”表示某个百分比或完成度，非常适合展示指标进度、占比、加载状态等。本文将结合实际HTML示例，带你全面掌握如何使用ECharts+echarts-liquidfill插件绘制水球图，并通过多个实例逐步讲解配置技巧。准备工作在HTML中使用水
  • 312个免费高速HTTP代理IP（能隐藏自己真实IP地址） yangshangchuan 高速免费superwordHTTP代理
        124.88.67.20:843 190.36.223.93:8080 117.147.221.38:8123 122.228.92.103:3128 183.247.211.159:8123 124.88.67.35:81 112.18.51.167:8123 218.28.96.39:3128 49.94.160.198:3128 183.20
  • pull解析和json编码 百合不是茶 androidpull解析json
    n.json文件: [{name:java,lan:c++,age:17},{name:android,lan:java,age:8}]   pull.xml文件 <?xml version="1.0" encoding="utf-8"?> <stu>     <name>java
  • [能源与矿产]石油与地球生态系统 comsci 能源
          按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的....       那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好
  • 类与对象浅谈 沐刃青蛟 java基础
           类，字面理解，便是同一种事物的总称，比如人类，是对世界上所有人的一个总称。而对象，便是类的具体化，实例化，是一个具体事物，比如张飞这个人，就是人类的一个对象。但要注意的是：张飞这个人是对象，而不是张飞，张飞只是他这个人的名字，是他的属性而已。而一个类中包含了属性和方法这两兄弟，他们分别用来描述对象的行为和性质（感觉应该是
  • 新站开始被收录后，我们应该做什么？ IT独行者 PHPseo
    新站开始被收录后，我们应该做什么？         百度终于开始收录自己的网站了，作为站长，你是不是觉得那一刻很有成就感呢，同时，你是不是又很茫然，不知道下一步该做什么了？至少我当初就是这样，在这里和大家一份分享一下新站收录后，我们要做哪些工作。       至于如何让百度快速收录自己的网站，可以参考我之前的帖子《新站让百
  • oracle 连接碰到的问题 文强chu oracle
    Unable to find a java Virtual Machine－－安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案 作者：草根IT网 来源：未知 人气：813标签： 导读：安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径，找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod
  • Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据） 小桔子 java继承swing接口监听
            都知道java中类只能单继承，但可以实现多个接口，但我发现实现多个接口之后，多个接口却不能共享同一个数据，应用开发中想实现：当用户按着ctrl键时，可以用鼠标点击拖动组件，比如说文本框。 编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口，重写方法。定义一个全局变量boolea
  • linux常用的命令 aichenglong linux常用命令
    1 startx切换到图形化界面 2 man命令:查看帮助信息 man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分 name:对命令的简单说明 synopsis:命令的使用格式说明 description:命令的详细说明信息 options:命令的各项说明 3 date:显示时间 语法：date [OPTION]... [+FORMAT]
  • eclipse内存优化 AILIKES javaeclipsejvmjdk
    一 基本说明      在JVM中，总体上分2块内存区,默认空余堆内存小于 40%时，JVM就会增大堆直到-Xmx的最大限制；空余堆内存大于70%时，JVM会减少堆直到-Xms的最小限制。     1)堆内存(Heap memory):堆是运行时数据区域，所有类实例和数组的内存均从此处分配,是Java代码可及的内存，是留给开发人
  • 关键字的使用探讨 百合不是茶 关键字
    //关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final   类 方法 变量 final 类 不能被继承 final 方法 不能被子类覆盖，但可以继承 final 变量 只能有一次赋值，赋值后不能改变 final 不能用来修饰构造方法*///this()
  • JS中定义对象的几种方式 bijian1013 js
        1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)： <html> <head> <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title> </head> <script> var obj = new Object();
  • 表驱动法实例 bijian1013 java表驱动法TDD
    获得月的天数是典型的直接访问驱动表方式的实例，下面我们来展示一下： MonthDaysTest.java package com.study.test; import org.junit.Assert; import org.junit.Test; import com.study.MonthDays; public class MonthDaysTest { @T
  • LInux启停重启常用服务器的脚本 bit1129 linux
    启动，停止和重启常用服务器的Bash脚本，对于每个服务器，需要根据实际的安装路径做相应的修改   #! /bin/bash Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo); Ops=(Start, Stop, Restart); currentDir=$(pwd); echo
  • 【HBase六】REST操作HBase bit1129 hbase
    HBase提供了REST风格的服务方便查看HBase集群的信息，以及执行增删改查操作   1. 启动和停止HBase REST 服务 1.1 启动REST服务 前台启动（默认端口号8080） [hadoop@hadoop bin]$ ./hbase rest start   后台启动 hbase-daemon.sh start rest   启动时指定
  • 大话zabbix 3.0设计假设 ronin47
    What’s new in Zabbix 2.0? 去年开始使用Zabbix的时候，是1.8.X的版本，今年Zabbix已经跨入了2.0的时代。看了2.0的release notes，和performance相关的有下面几个：          :: Performance improvements::Trigger related da
  • http错误码大全 byalias http协议javaweb
    响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。 响应码分五种类型，由它们的第一位数字表示： 1）1xx：信息，请求收到，继续处理 2）2xx：成功，行为被成功地接受、理解和采纳 3）3xx：重定向，为了完成请求，必须进一步执行的动作 4）4xx：客户端错误，请求包含语法错误或者请求无法实现 5）5xx：服务器错误，服务器不能实现一种明显无效的请求
  • J2EE设计模式-Intercepting Filter bylijinnan java设计模式数据结构
    Intercepting Filter类似于职责链模式 有两种实现 其中一种是Filter之间没有联系，全部Filter都存放在FilterChain中，由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下： package com.ljn.filter.custom; import java.util.ArrayList;
  • 修改jboss端口 chicony jboss
    修改jboss端口   %JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml   中找到 <!-- The ports-default bindings are obtained by taking the base bindin
  • c++ 用类模版实现数组类 CrazyMizzz C++
    最近c++学到数组类，写了代码将他实现，基本具有vector类的功能 #include<iostream> #include<string> #include<cassert> using namespace std; template<class T> class Array { public: //构造函数
  • hadoop dfs.datanode.du.reserved 预留空间配置方法 daizj hadoop预留空间
    对于datanode配置预留空间的方法 为：在hdfs-site.xml添加如下配置  <property>     <name>dfs.datanode.du.reserved</name>     <value>10737418240</value>    
  • mysql远程访问的设置 dcj3sjt126com mysql防火墙
    第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况，my.cnf放置于在以下目录： /etc/mysql/my.cnf (Debian linux) /etc/my.cnf （Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf，修改内容从以下行： [mysqld] 你所需要: 1
  • ios 使用特定的popToViewController返回到相应的Controller dcj3sjt126com controller
    1、取navigationCtroller中的Controllers NSArray * ctrlArray = self.navigationController.viewControllers; 2、取出后，执行， [self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES
  • Linux正则表达式和通配符的区别 eksliang 正则表达式通配符和正则表达式的区别通配符
    转载请出自出处：http://eksliang.iteye.com/blog/1976579 首先得明白二者是截然不同的 通配符只能用在shell命令中,用来处理字符串的的匹配。 判断一个命令是否为bash shell(linux 默认的shell)的内置命令 type -t commad 返回结果含义 file  表示为外部命令 alias  表示该
  • Ubuntu Mysql Install and CONF gengzg Install
    http://www.navicat.com.cn/download/navicat-for-mysql Step1: 下载Navicat ，网址：http://www.navicat.com/en/download/download.html Step2：进入下载目录，解压压缩包：tar -zxvf navicat11_mysql_en.tar.gz
  • 批处理，删除文件bat huqiji windowsdos
    @echo off ::演示：删除指定路径下指定天数之前（以文件名中包含的日期字符串为准）的文件。 ::如果演示结果无误，把del前面的echo去掉，即可实现真正删除。 ::本例假设文件名中包含的日期字符串（比如：bak-2009-12-25.log） rem 指定待删除文件的存放路径 set SrcDir=C:/Test/BatHome rem 指定天数 set DaysAgo=1
  • 跨浏览器兼容的HTML5视频音频播放器 天梯梦 html5
    HTML5的video和audio标签是用来在网页中加入视频和音频的标签，在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。   How to enable <video> and <audio> tags in
  • Bundle自定义数据传递 hm4123660 androidSerializable自定义数据传递BundleParcelable
          我们都知道Bundle可能过put****()方法添加各种基本类型的数据，Intent也可以通过putExtras(Bundle)将数据添加进去，然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity   把数据放到Intent
  • C＃：异步编程和线程的使用（.NET 4.5 ） powertoolsteam .net线程C#异步编程
    异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程，可使用线程也可以不用。将异步与线程同时讲，将有助于我们更好的理解它们的特征。 本文中涉及关键知识点 1. 异步编程 2. 线程的使用 3. 基于任务的异步模式 4. 并行编程 5. 总结 异步编程 什么是异步操作？异步操作是指某些操作能够独立运行，不依赖主流程或主其他处理流程。通常情况下，C＃程序
  • spark 查看 job history 日志 Stark_Summer 日志sparkhistoryjob
    SPARK_HOME/conf 下: spark-defaults.conf 增加如下内容 spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true spark-env.sh 增加如下内容 export SP
  • SSH框架搭建 wangxiukai2015eye springHibernatestruts
    MyEclipse搭建SSH框架 Struts Spring Hibernate 1、new一个web project。 2、右键项目，为项目添加Struts支持。    选择Struts2 Core Libraries -<MyEclipes-Library>      点击Finish。src目录下多了struts
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他