苏格拉底的石墩
苏格拉底的石墩

Echarts学习计之组件---图例（legend）

Echarts学习计之组件—图例（legend）

下面是-- legend文本– 的基本配置项

配置项 注释
type ‘plain’：普通图例,‘scroll’：可滚动翻页的图例
show true(显示)false(不显示)
left 图例组件离容器左侧的距离。‘auto’（自适应）‘left’, ‘center’, ‘right’（可数值可百分比）
top 图例组件离容器上侧的距离。‘auto’（自适应）‘top’, ‘middle’, ‘bottom’ （可数值可百分比）
right 图例组件离容器右侧的距离。 ‘auto’（默认自适应）（可数值可百分比）
bottom 图例组件离容器下侧的距离。 ‘auto’（默认自适应）（可数值可百分比）
width 图例组件的宽度。‘auto’（默认自适应）。（可数值）
height 图例组件的宽度。‘auto’（默认自适应）。（可数值）
orient 图例列表的布局朝向。‘horizontal’（水平），‘vertical’（垂直）
align 图例标记和文本的对齐。默认自动，根据组件的位置和 orient 决定，当组件的 left 值为 ‘right’ 以及纵向布局（orient 为 ‘vertical’）的时候为右对齐，即为 ‘right’。选：‘auto’‘left’‘right’
padding 图例内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。
itemGap 图例每项之间的间隔。横向布局时为水平间隔，纵向为纵向间隔。(数值)
itemWidth 图例标记的图形宽度。（数值）
itemHeight 图例标记的图形高度。（数值）
symbolKeepAspect 如果图标（可能来自系列的 symbol 或用户自定义的 legend.data.icon）是 path:// 的形式，是否在缩放时保持该图形的长宽比。（true/false）
formatter 用来格式化图例文本，支持字符串模板和回调函数两种形式。
selectedMode 图例选择的模式，控制是否可以通过点击图例改变系列的显示状态。默认开启图例选择，可以设成 false 关闭。除此之外也可以设成 ‘single’ 或者 ‘multiple’ 使用单选或者多选模式。
inactiveColor 图例关闭时的颜色。
selected 图例选中状态表

下面是 –legend组件的textStyle样式– 的基本配置项

配置项 注释
color 文字的颜色
fontStyle 文字字体的风格。‘normal’（正常）‘italic’（斜体）‘oblique’（斜体）
fontWeight 文字字体的粗细。‘normal’（正常）‘bold’（加粗）‘bolder’（加粗）‘lighter’（减细）100 /200…（数值）
padding = 5 标题内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。
itemGap = 10 主副标题之间的间距。
zlevel：0 所有图形的 zlevel 值。
z = 2 组件的所有图形的z值。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。z相比zlevel优先级更低，而且不会创建新的 Canvas。
left = ‘auto’ title 组件离容器左侧的距离，left 的值可以是像 20 这样的具体像素值，可以是像 ‘20%’ 这样相对于容器高宽的百分比，也可以是 ‘left’, ‘center’, ‘right’。如果 left 的值为’left’, ‘center’, ‘right’，组件会根据相应的位置自动对齐
top = ‘auto’ title 组件离容器上侧的距离。top 的值可以是像 20 这样的具体像素值，可以是像 ‘20%’ 这样相对于容器高宽的百分比，也可以是 ‘top’, ‘middle’, ‘bottom’。如果 top 的值为’top’, ‘middle’, ‘bottom’，组件会根据相应的位置自动对齐。
right = ‘auto’ title 组件离容器右侧的距离。right 的值可以是像 20 这样的具体像素值，可以是像 ‘20%’ 这样相对于容器高宽的百分比。默认自适应。
backgroundColor = ‘transparent’ 标题背景色，默认透明。颜色可以使用 RGB 表示，比如 ‘rgb(128, 128, 128)’ ，如果想要加上 alpha 通道，可以使用 RGBA，比如 ‘rgba(128, 128, 128, 0.5)’，也可以使用十六进制格式，比如 ‘#ccc’
borderColor： ‘#ccc’ 标题的边框颜色。支持的颜色格式同 backgroundColor。
borderWidth：0 标题的边框线宽。
borderRadius： 0 圆角半径，单位px，支持传入数组分别指定 4 个圆角半径。 如:borderRadius: 5, // 统一设置四个角的圆角大小borderRadius: [5, 5, 0, 0] //（顺时针左上，右上，右下，左下）
shadowBlur 图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。示例：{shadowColor: ‘rgba(0, 0, 0, 0.5)’,shadowBlur: 10}注意：此配置项生效的前提是，设置了 show: true 以及值不为 tranparent 的背景色 backgroundColor。
shadowColor 阴影颜色。支持的格式同color。注意：此配置项生效的前提是，设置了 show: true。
shadowOffsetX:0 阴影水平方向上的偏移距离。注意：此配置项生效的前提是，设置了 show: true
shadowOffsetY：0 阴影水平方向上的偏移距离。注意：此配置项生效的前提是，设置了 show: true。

注：
zlevel用于 Canvas 分层，不同zlevel值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的zlevel。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。

zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面。

下面展示一些 在html中的实体举例。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title_示例</title>
    <script src="../static/js/echarts/echarts.min.js"></script>
</head>
<body>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 1500px;height:1000px;border: 10px solid #79dd2a"
"></div>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));
    option = {
     
        title: {
     
            // 下面为基本配置项
            text: 'Title示例', //主标题文本，'\n'指定换行
            link: 'https://www.baidu.com/',//主标题文本超链接,默认值true
            target: 'self',      //当前页面打开链接
            subtext: '苏格拉底的石墩',//副标题文本，'\n'指定换行
            sublink: 'https://www.baidu.com/',//副标题文本超链接,默认值true
            subtarget: 'blank',  //新窗口页面打开链接
            left: 'center', //title 组件离容器左侧的距离。


            // 下面为样式配置
            textAlign: 'auto', //水平对齐-自动对齐----可选值：‘auto’、‘left’、‘right’、‘center’。
            textVerticalAlign: 'auto',   //垂直对齐-自动对齐----可选值：‘auto’、‘top’、‘bottom’、‘middle’。
            borderWidth: 5,  //边框线宽
            borderColor: '#9bff2e', // 边框颜色
            backgroundColor: '#2faa97',  // 背景色
            padding: 50,//标题内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距
            itemGap: 20,//主副标题纵向间隔，单位px，默认为10

            // 下面为字体样式配置
            textStyle: {
     //主标题文本样式{"fontSize": 18,"fontWeight": "bolder","color": "#333"}
                fontSize: 50, // 字体尺寸
                color: "#aa4539",
                fontStyle: 'italic', // 斜体
                fontWeight: 'lighter', // 减细  normal--正常
            },
            subtextStyle: {
     //副标题文本样式{"color": "#aaa"}
                fontSize: 20,
                color: "#6836aa",
                fontStyle: 'normal', // 正常
                fontWeight: 'bolder', // 加粗
            },
            zlevel: 0,//一级层叠控制。默认0,每一个不同的zlevel将产生一个独立的canvas，相同zlevel的组件或图标将在同一个canvas上渲染。zlevel越高越靠顶层，canvas对象增多会消耗更多的内存和性能，并不建议设置过多的zlevel，大部分情况可以通过二级层叠控制z实现层叠控制。
            z: 6,//二级层叠控制，默认6,同一个canvas（相同zlevel）上z越高约靠顶层。
       

        }

    };

    myChart.setOption(option)


</script>
</body>
</html>

你可能感兴趣的:(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实例。每次父组件数据更新时，应当先销毁之前
  • 【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+爬虫)视频教程（火爆连载更新中.
  • 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
  • 基于 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
  • 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+爬虫)视频教程（火爆连载更新中..
  • 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
  • 基于链家网的二手房数据采集清洗与可视化分析 Mint_Datazzh 项目selenium网络爬虫
    个人学习内容笔记，仅供参考。项目链接：https://gitee.com/rongwu651/lianjia原文链接：基于链家网的二手房数据采集清洗与可视化分析–笔墨云烟研究内容该课题的主要目的是通过将二手房网站上的存量与已销售房源，构建一个二手房市场行情情况与房源特点的可视化平台。该平台通过HTML架构和Echarts完成可视化的搭建。因此，该课题的主要研究内容就是如何利用相关技术设计并实现这样
  • 【前端】【Echarts】【Liquidfill 水球图】深入理解 ECharts Liquidfill 水球图：从入门到进阶 患得患失949 Echarts学习数据大屏前端echartsjavascript
    效果深入理解EChartsLiquidfill水球图：从入门到进阶在可视化数据展示中，水球图（Liquidfill）是一种极具表现力的图表。它形象地用“水位高低”表示某个百分比或完成度，非常适合展示指标进度、占比、加载状态等。本文将结合实际HTML示例，带你全面掌握如何使用ECharts+echarts-liquidfill插件绘制水球图，并通过多个实例逐步讲解配置技巧。准备工作在HTML中使用水
  • React 中使用 ECharts 报错 "series not exists"
    问题现象在React项目中使用ECharts时，控制台报错：seriesnotexists.Legenddatashouldbesamewithseriesnameordataname但已确认legend.data与series.name完全匹配，代码逻辑看似正确。问题根源未正确注册ECharts图表组件。自ECharts5起，官方采用按需引入（tree-shaking）的模块化设计，需显式注册图
  • 【web应用】若依框架中，使用Echarts导出报表为PDF文件 JosieBook #Java全栈前端echartspdf
    文章目录前言一、Echarts准备工作1、查看是否安装了Echarts2、Echarts导入script中3、使用Echarts创建图表二、报表制作打印html2canvas和jsPDF准备工作1、安装html2canvas和jsPDF依赖包2、html2canvas和jsPDF引用到script中3、制作并打印报表三、导出结果前言若依框架前端中，要使用一些文本、数据、图表制作报表，然后导出，那么
  • 构建一个vue2的项目并安装echarts 啃火龙果的兔子 开发DEMOechartsjavascript前端
    构建Vue2项目并安装ECharts5.2.2下面是从零开始构建Vue2项目并安装指定版本ECharts的完整步骤：1.创建Vue2项目#安装VueCLI（如果尚未安装）npminstall-g@vue/cli#创建Vue2项目vuecreatevue2-echarts-demo#选择Vue2预设#手动选择特性时确保选择Vue2.x2.进入项目目录并安装ECharts5.2.2cdvue2-ech
  • 解决 ECharts 组件中多个 ID 重复问题 啃火龙果的兔子 开发DEMOjavascript开发语言
    在封装ECharts组件时，如果多个组件实例使用相同的id="myChart"会导致DOM冲突，ECharts无法正确渲染。以下是几种解决方案：方案1：使用动态ID（推荐）//React示例functionMyChartComponent(){constchartId=useRef(`chart-${Math.random().toString(36).substr(2,9)}`);useEffe
  • 【vben3源码解读】【useEcharts】【VueUse】详解useEcharts这个hooks的作用与相关库的使用（VueUse) 患得患失949 Vben3项目知识总结Vben3源码解读vue.js前端javascript
    源代码importtype{EChartsOption}from'echarts';importtype{Ref}from'vue';importtype{Nullable}from'@vben/types';importtypeEchartsUIfrom'./echarts-ui.vue';import{computed,nextTick,watch}from'vue';import{usePr
  • 基于JAVA+SpringBoot+Vue+Echarts的充电数据大屏可视化分析
    ✌全网粉丝20W+,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌文末获取项目下载方式一、项目背景介绍：随着电动汽车的普及，城市中充电设施的需求日益增长。为了提高充电设施的管理效率和用户体验，本文提出了一个停车场充电桩数据可视化平台的设计与实现。该平台旨在集成、处理并展示来自
  • sql统计相同项个数并按名次显示 朱辉辉33 javaoracle
    现在有如下这样一个表： A表 ID Name time ------------------------------ 0001 aaa 2006-11-18 0002 ccc 2006-11-18 0003 eee 2006-11-18 0004 aaa 2006-11-18 0005 eee 2006-11-18 0004 aaa 2006-11-18 0002 ccc 20
  • Android+Jquery Mobile学习系列-目录 白糖_ JQuery Mobile
    最近在研究学习基于Android的移动应用开发，准备给家里人做一个应用程序用用。向公司手机移动团队咨询了下，觉得使用Android的WebView上手最快，因为WebView等于是一个内置浏览器，可以基于html页面开发，不用去学习Android自带的七七八八的控件。然后加上Jquery mobile的样式渲染和事件等，就能非常方便的做动态应用了。   从现在起，往后一段时间，我打算
  • 如何给线程池命名 daysinsun 线程池
            在系统运行后，在线程快照里总是看到线程池的名字为pool-xx，这样导致很不好定位，怎么给线程池一个有意义的名字呢。参照ThreadPoolExecutor类的ThreadFactory，自己实现ThreadFactory接口，重写newThread方法即可。参考代码如下：     public class Named
  • IE 中"HTML Parsing Error:Unable to modify the parent container element before the 周凡杨 html解析errorreadyState
      错误： IE 中"HTML Parsing Error:Unable to modify the parent container element before the child element is closed"     现象： 同事之间几个IE 测试情况下，有的报这个错，有的不报。经查询资料后，可归纳以下原因。
  • java上传 g21121 java
    我们在做web项目中通常会遇到上传文件的情况，用struts等框架的会直接用的自带的标签和组件，今天说的是利用servlet来完成上传。 我们这里利用到commons-fileupload组件，相关jar包可以取apache官网下载：http://commons.apache.org/ 下面是servlet的代码： //定义一个磁盘文件工厂 DiskFileItemFactory fact
  • SpringMVC配置学习 510888780 springmvc
    spring MVC配置详解 现在主流的Web MVC框架除了Struts这个主力 外，其次就是Spring MVC了，因此这也是作为一名程序员需要掌握的主流框架，框架选择多了，应对多变的需求和业务时，可实行的方案自然就多了。不过要想灵活运用Spring MVC来应对大多数的Web开发，就必须要掌握它的配置及原理。 　　一、Spring MVC环境搭建：（Spring 2.5.6 + Hi
  • spring mvc-jfreeChart 柱图(1) 布衣凌宇 jfreechart
    第一步：下载jfreeChart包，注意是jfreeChart文件lib目录下的，jcommon-1.0.23.jar和jfreechart-1.0.19.jar两个包即可； 第二步：配置web.xml; web.xml代码如下 <servlet>     <servlet-name>jfreechart</servlet-nam
  • 我的spring学习笔记13-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java P
  • java 线程池使用 Runnable&Callable&Future antlove javathreadRunnablecallablefuture
    1. 创建线程池 ExecutorService executorService = Executors.newCachedThreadPool();   2. 执行一次线程，调用Runnable接口实现 Future<?> future = executorService.submit(new DefaultRunnable()); System.out.prin
  • XML语法元素结构的总结 百合不是茶 xml树结构
    1.XML介绍1969年   gml (主要目的是要在不同的机器进行通信的数据规范)1985年   sgml  standard generralized markup language1993年   html(www网)1998年  xml   extensible markup language
  • 改变eclipse编码格式 bijian1013 eclipse编码格式
    1.改变整个工作空间的编码格式         改变整个工作空间的编码格式，这样以后新建的文件也是新设置的编码格式。         Eclipse->window->preferences->General->workspace-
  • javascript中return的设计缺陷 bijian1013 JavaScriptAngularJS
    代码1： <script> var gisService = (function(window) { return { name:function () { alert(1); } }; })(this); gisService.name(); &l
  • 【持久化框架MyBatis3八】Spring集成MyBatis3 bit1129 Mybatis3
    pom.xml配置 Maven的pom中主要包括： MyBatis MyBatis-Spring Spring MySQL-Connector-Java Druid applicationContext.xml配置   <?xml version="1.0" encoding="UTF-8"?> &
  • java web项目启动时自动加载自定义properties文件 bitray javaWeb监听器相对路径
    创建一个类 public class ContextInitListener implements ServletContextListener 使得该类成为一个监听器。用于监听整个容器生命周期的，主要是初始化和销毁的。 类创建后要在web.xml配置文件中增加一个简单的监听器配置，即刚才我们定义的类。 <listener> <des
  • 用nginx区分文件大小做出不同响应 ronin47
    昨晚和前21v的同事聊天，说到我离职后一些技术上的更新。其中有个给某大客户(游戏下载类)的特殊需求设计，因为文件大小差距很大——估计是大版本和补丁的区别——又走的是同一个域名，而squid在响应比较大的文件时，尤其是初次下载的时候，性能比较差，所以拆成两组服务器，squid服务于较小的文件，通过pull方式从peer层获取，nginx服务于较大的文件，通过push方式由peer层分发同步。外部发布
  • java-67-扑克牌的顺子.从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的.2-10为数字本身，A为1，J为11，Q为12，K为13，而大 bylijinnan java
    package com.ljn.base; import java.util.Arrays; import java.util.Random; public class ContinuousPoker { /** * Q67 扑克牌的顺子 从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的。 * 2-10为数字本身，A为1，J为1
  • 翟鸿燊老师语录 ccii 翟鸿燊
    一、国学应用智慧TAT之亮剑精神A 1. 角色就是人格     就像你一回家的时候，你一进屋里面，你已经是儿子，是姑娘啦，给老爸老妈倒怀水吧，你还觉得你是老总呢？还拿派呢？就像今天一样，你们往这儿一坐，你们之间是什么，同学，是朋友。     还有下属最忌讳的就是领导向他询问情况的时候，什么我不知道，我不清楚，该你知道的你凭什么不知道
  • [光速与宇宙]进行光速飞行的一些问题 comsci 问题
         在人类整体进入宇宙时代，即将开展深空宇宙探索之前，我有几个猜想想告诉大家     仅仅是猜想。。。未经官方证实      1：要在宇宙中进行光速飞行，必须首先获得宇宙中的航行通行证，而这个航行通行证并不是我们平常认为的那种带钢印的证书，是什么呢？ 下面我来告诉
  • oracle undo解析 cwqcwqmax9 oracle
    oracle undo解析2012-09-24 09:02:01     我来说两句       作者：虫师收藏    我要投稿 Undo是干嘛用的？         &nb
  • java中各种集合的详细介绍 dashuaifu java集合
    一，java中各种集合的关系图 Collection       接口的接口     对象的集合  ├ List           子接口   &n
  • 卸载windows服务的方法 dcj3sjt126com windowsservice
    卸载Windows服务的方法 在Windows中，有一类程序称为服务，在操作系统内核加载完成后就开始加载。这里程序往往运行在操作系统的底层，因此资源占用比较大、执行效率比较高，比较有代表性的就是杀毒软件。但是一旦因为特殊原因不能正确卸载这些程序了，其加载在Windows内的服务就不容易删除了。即便是删除注册表中的相 应项目，虽然不启动了，但是系统中仍然存在此项服务，只是没有加载而已。如果安装其他
  • Warning: The Copy Bundle Resources build phase contains this target's Info.plist dcj3sjt126com iosxcode
        http://developer.apple.com/iphone/library/qa/qa2009/qa1649.html Excerpt: You are getting this warning because you probably added your Info.plist file to your Copy Bundle
  • 2014之C++学习笔记（一） Etwo C++EtwoEtwoiterator迭代器
            已经有很长一段时间没有写博客了，可能大家已经淡忘了Etwo这个人的存在，这一年多以来，本人从事了AS的相关开发工作，但最近一段时间，AS在天朝的没落，相信有很多码农也都清楚，现在的页游基本上达到饱和，手机上的游戏基本被unity3D与cocos占据，AS基本没有容身之处。so。。。最近我并不打算直接转型
  • js跨越获取数据问题记录 haifengwuch jsonpjsonAjax
    js的跨越问题，普通的ajax无法获取服务器返回的值。   第一种解决方案，通过getson，后台配合方式，实现。 Java后台代码： protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String ca
  • 蓝色jQuery导航条 ini JavaScripthtmljqueryWebhtml5
    效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/39.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery鼠标悬停上下滑动导航条 - 柯乐义<
  • linux部署jdk,tomcat,mysql kerryg jdktomcatlinuxmysql
    1、安装java环境jdk:     一般系统都会默认自带的JDK,但是不太好用，都会卸载了，然后重新安装。    1.1）、卸载：      （rpm -qa :查询已经安装哪些软件包；        rmp -q 软件包：查询指定包是否已
  • DOMContentLoaded VS onload VS onreadystatechange mutongwu jqueryjs
    1. DOMContentLoaded 在页面html、script、style加载完毕即可触发，无需等待所有资源（image/iframe）加载完毕。（IE9+） 2. onload是最早支持的事件，要求所有资源加载完毕触发。 3. onreadystatechange 开始在IE引入，后来其它浏览器也有一定的实现。涉及以下 document , applet, embed, fra
  • sql批量插入数据 qifeifei 批量插入
    hi，   自己在做工程的时候，遇到批量插入数据的数据修复场景。我的思路是在插入前准备一个临时表，临时表的整理就看当时的选择条件了，临时表就是要插入的数据集，最后再批量插入到数据库中。    WITH tempT AS ( SELECT item_id AS combo_id, item_id, now() AS create_date FROM a
  • log4j打印日志文件 如何实现相对路径到 项目工程下 thinkfreer Weblog4j应用服务器日志
    最近为了实现统计一个网站的访问量，记录用户的登录信息，以方便站长实时了解自己网站的访问情况，选择了Apache 的log4j,但是在选择相对路径那块 卡主了，X度了好多方法(其实大多都是一样的内用，还一个字都不差的)，都没有能解决问题，无奈搞了2天终于解决了，与大家分享一下 需求： 用户登录该网站时，把用户的登录名,ip,时间。统计到一个txt文档里，以方便其他系统调用此txt。项目名
  • linux下mysql-5.6.23.tar.gz安装与配置 笑我痴狂 mysqllinuxunix
    1.卸载系统默认的mysql [root@localhost ~]# rpm -qa | grep mysql mysql-libs-5.1.66-2.el6_3.x86_64 mysql-devel-5.1.66-2.el6_3.x86_64 mysql-5.1.66-2.el6_3.x86_64 [root@localhost ~]# rpm -e mysql-libs-5.1
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他