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

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)

  • datagrid数据及echarts图表导出到Excel 飞舞花下
    导包：org.apache.poipoi3.9org.apache.poipoi-ooxml3.9org.apache.poipoi-scratchpad3.9jsp页面中datagrid显示的数据及echarts图表显示的代码（包含在form表单中），算了，还是贴上整个jsp算了。统计分析行政区划：示范评级：导出查询清空/***系统页面加载后初始化处理.*/$(function(){$("tab
  • 告别繁琐！Vue3 组合式函数解锁 Echarts 封装新姿势 前端echarts
    前言本篇文章主要讲解如何使用组合式函数（Composables）来封装Echarts，提供一套可复用、易维护的图表解决方案在这里你能够学到Echarts封装的思路与最佳实践，理解Echarts的特性与使用技巧本文也是《通俗易懂的中后台系统建设指南》系列的第六篇文章，该系列旨在告诉你如何来构建一个优秀的中后台管理系统什么是EchartsEcharts是一个基于JavaScript的开源可视化图表库，
  • echarts标准饼图——提示框（tooltip）配置 我是陈大大 echartsvuejavascriptViewUI
    echarts标准饼图解读(一)——提示框（tooltip）配置weixin_30446197于2016-11-2511:33:00发布508收藏4文章标签：javascriptViewUI原文链接：http://www.cnblogs.com/web520/p/6100955.html版权varmyChart=echarts.init(document.getElementById(‘main’
  • Dockerfile 安装echarts插件给java提供服务 xiaogg3678 echartsjava前端
    java调用echarts插件，生成图片保存到磁盘然后插入到pptx中报表。Dockerfile文件内容：#基础镜像，如果本地仓库没有，会从远程仓库拉取openjdk:8FROMdocker.io/centos:centos7#暴露端口EXPOSE9311#避免centos日志输出中文乱码ENVLANGen_US.utf8#容器中创建工作目录WORKDIR /usr/local/plugin#容器
  • echarts 雷达图配置 我超幸运12138 echartsjavajavascriptvue.js
    echarts雷达图配置radar配置radar构建指示器和雷达图的样式配置具体配置说明shape雷达图的形状取值为“circle”表示雷达图的形状为圆形。indicator雷达图的指示器这里未给出具体值，通常是一个数组，每个元素代表一个指标的配置，用于定义雷达图的坐标轴。radius雷达图的半径值为66，表示雷达图的半径大小。可以是具体像素值，也可以是百分比splitArea雷达图的分割区域配置
  • echarts如何修改数据视图dataView中的样式 爱人间 echartsecharts数据视图格式自定义
    做了一个现实折线图的图表，通过右上角icon可以自由切换成柱状图，表格。在表格中遇到的一点小问题，解决方案如下：1、场景重现这是一个显示两个折线图的图表，一切看起来都很顺利。但是点击红色箭头所指的图标，这个作用就是以表格的形式展现。展现如下。很丑是吧，测试姐姐说一定要改掉。附加一下右上角的实现代码，在options配置项加下面的配置就OK。//右上角切换实现方法toolbox:{show:true
  • Echarts柱状图（横坐标倾斜显示以及加滑动条） Tan-玛卡巴卡 echarts前端javascript
    1.显示滑动条主要代码dataZoom:[     {       type:"slider",//slider表示有滑动块的，       show:true,       xAxisIndex:[0],//表示x轴折叠       start:1,//数据窗口范围的起始百分比,表示1%       end:100,//数据窗口范围的结束百分比,表示35%坐标       bottom:"20"
  • echarts开发图表时遇到问题：trigger: ‘item‘正常显示tooltip，trigger: ‘axis‘则无法显示tooltip，为什么？ 思想永无止境 Web前端echartsvue.jsjavascript
    原因：未知！解放方案：import{markRaw}from'vue';//解决办法，让echarts从监听对象变成普通对象letchart=markRaw(echarts.init(chartRef))//原代码//letchart=echarts.init(chartRef)
  • Python数据可视化 Pyecharts 制作 Scatter3D 3D散点图 Mr数据杨 Python数据可视化数据可视化python数据分析echarts
    三维散点图是展示具有三个维度数据的有效工具，通过对数据点在三维空间中的分布进行可视化，可以直观地观察数据间的关系与趋势。借助pyecharts库的Scatter3D类，用户能够快速生成3D散点图，并自定义图表的各项参数，使图表更加符合展示需求。结合强大的视觉映射和交互功能，三维散点图不仅提升了数据分析的精度，还增强了用户与数据之间的互动性。文章目录Scatter3D：3D散点图Demo总结Scat
  • Python第十四课：数据可视化 | 信息炼金术 程之编 Python学习笔记python信息可视化开发语言
    本节目标掌握Matplotlib基础图表绘制理解Seaborn高级统计可视化学会使用Pyecharts制作交互式图表开发实战项目：疫情数据动态仪表盘掌握可视化设计原则与优化技巧1️⃣可视化工具全景图生活化比喻:Matplotlib→手工雕刻刀（精细但需技巧）Seaborn→智能雕刻机（快速成型）Pyecharts→全息投影仪（动态交互）2️⃣Matplotlib基础：从折线到热力图折线图与柱状图i
  • ThreeJS入门（140）：THREE.Mouse 知识详解，示例代码 还是大剑师兰特 #ThreeJS中文API全解大剑师threejs教程threejs示例threejs入门1024程序员节
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第140篇入门文章文章目录常量使用场景示例常量的使用总结THREE.MOUSE
  • Qt之QStateMachine等待 南瓜大师-阿亮 qt开发语言
    在项目中经常需要等待，我们模拟0-30的数，假如我们其中5，25的数需要进行等待，等待用户处理完自己事情后，按下按钮继续，找Qt的项目中有一个QStateMachineqstatemmachine类提供了一个分层有限状态机。QStateMachine基于Statecharts的概念和符号。qstatemmachine是状态机框架的一部分。状态机管理一组状态（从QAbstractState继承的类）
  • Vue 中引入 ECharts 的详细步骤与示例 黄尚圈圈 vue.jsecharts前端
    在Vue项目中引入ECharts，可以让我们轻松地在前端页面中展示各种图表。ECharts是一个基于JavaScript的开源可视化图表库，它提供了丰富的图表类型和强大的配置选项，使得在Vue项目中集成和使用变得非常方便。一、准备工作创建Vue项目：如果你还没有Vue项目，可以使用VueCLI快速创建一个新的Vue项目。安装ECharts：在你的Vue项目中，通过npm或yarn安装ECharts
  • 024：vue+threeJS 创建多面几何体（PolyhedronGeometry） 还是大剑师兰特 #ThreeJS代码示例200+大剑师threejs教程threejs示例threejs基础
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第024个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共98行）五、相关文章参考一、
  • echarts制作词云图 ヾぁ影おジღ echarts前端javascript
    词云图由于echarts官网没有词云图的配置，网上太多也不全，这里写一份关于词云图配置的文章，包括自定义图形，透明度等文章目录词云图一、用到的网站二、全部代码三、结果展示一、用到的网站1、阿里巴巴图标库2、图片转base64网站3、echarts-wordcloud.min.js文件4、echarts.min.js文件二、全部代码如果要使用自定义图案需要注意：1、创建图片：varmaskImage
  • Python pyecharts 模块 ONE_PUNCH_Ge python
    pyecharts是一个基于ECharts的Python数据可视化库，它允许用户使用Python语言生成各种类型的交互式图表和数据可视化。ECharts是一个使用JavaScript实现的开源可视化库，而Pyecharts则是ECharts的Python封装，使得在Python中使用ECharts变得更加方便。pyecharts提供了一组简单而灵活的API，使用户能够轻松地创建各种图表，包括但不限
  • vue图表插件ECharts使用指南 IT 老王 echarts前端javascript
    以下是一份较为全面的ECharts使用指南，包含安装、基本使用步骤、常见图表示例以及配置项说明等内容。1.安装ECharts可以通过npm或yarn进行安装，在项目根目录下执行以下命令：#使用npm安装npminstallecharts--save#使用yarn安装yarnaddecharts2.基本使用步骤2.1引入ECharts在Vue组件中引入ECharts：import*asecharts
  • 政务大屏项目 Vue + DataV + Echarts 使用教程 苏鹃咪Healthy
    政务大屏项目Vue+DataV+Echarts使用教程Big-Screen-Vue-Datav-Echarts政务大屏-前端(VUE+DataV+Echarts)项目地址:https://gitcode.com/gh_mirrors/bi/Big-Screen-Vue-Datav-Echarts1.项目目录结构及介绍此项目是基于Vue.js、DataV和Echarts的政务大屏可视化模板。以下是主
  • python汽车数据分析可视化系统 Django框架 爬虫+Vue框架 Echarts可视化大屏 懂车帝（源码） ✅ Q_2564007092 python汽车数据分析
    python汽车数据分析可视化系统Django框架爬虫+Vue框架Echarts可视化大屏（源码）✅1、项目介绍技术栈：Python语言Django框架vue框架mysql数据库requests爬虫Echarts可视化HTML该系统的技术栈包括：Python语言：用于数据分析与处理、爬虫、后端开发等。Django框架：一款使用Python语言开发的Web应用程序框架，用于快速搭建后端服务。Vue框
  • 【折线图 Line】——5 花花 Show Python pyecharts—从0到精通信息可视化数据分析python
    解锁数据可视化的魔法钥匙——pyecharts实战指南在这个数据为王的时代，每一次点击、每一次交易、每一份报告背后都隐藏着无尽的故事与洞察。但你是否曾苦恼于如何将这些冰冷的数据转化为直观、吸引人的视觉盛宴？欢迎来到《pyecharts图形绘制大师班》在这里，你将不再受限于单调的表格和图表，而是学会如何运用pyecharts这一强大的Python数据可视化库，将复杂的数据转化为令人惊叹的交互式图形。
  • ThreeJS入门（036）：THREE.RawShaderMaterial 知识详解，示例代码 还是大剑师兰特 #ThreeJS中文API全解大剑师threejs教程threejs示例
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第036篇入门文章文章目录构造函数常用属性示例使用统一变量使用宏定义使用扩展使
  • echarts获取datazoom的时间轴范围/监听datazoom变化 不想上班只想要钱 echartsechartsubuntu前端
    echarts获取datazoom的时间轴范围关键代码//拖动datazoom，更新时间myChart.value.on('datazoom',function(e:any){updateTimeRange(myChart.value);});//根据图表时间轴范围更新时间筛选constupdateTimeRange=(myChart:any)=>{letstartValue=myChart.ge
  • 一个基于 React + SpringBoot 的在线多功能问卷系统（附源码） 程序员-李旭亮 Java项目源码react.jsspringboot前端
    简介：一个基于React+SpringBoot的在线多功能问卷系统前端技术栈：React、React-Router、Webpack、Antd、Zustand、Echarts、DnDKit后端技术栈：SpringBoot、MySQL、MyBatisPlus、Redis项目源码下载链接：https://pan.quark.cn/s/2e32786e0c61部分页面静态预览：主要前端业务需求与技术突破：
  • HTML5期末大作业：基于 html css js仿腾讯课堂首页 web学生网页设计 web前端cssdreamweaverhtmlhtml5期末作业
    精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码
  • echarts找不到了？echarts社区最新地址 秋刀鱼不做梦 疑难杂症echarts前端javascript
    前言：在之前使用echarts的时候，还可以通过上边的导航栏找到echarts社区，但是如今的echarts变更之后，就找不到echarts社区了。✨✨✨这里是秋刀鱼不做梦的BLOG✨✨✨想要了解更多内容可以访问我的主页秋刀鱼不做梦-CSDN博客如今的echarts社区变成了这样：——会发现根本找不到echarts社区了。。。echarts社区最新地址echarts社区最新地址：series-ma
  • 2024年Python最全Python爬取Boss直聘，帮你获取全国各类职业薪酬榜(1) 2301_82242474 程序员python开发语言
    代码importrequestsfrombs4importBeautifulSoupimportcsvimportrandomimporttimeimportargparsefrompyecharts.chartsimportLineimportpandasaspdclassBossCrawler:definit(self,query):self.query=queryself.filename=
  • Pyecharts 保存 png 图片问题 myqijin python可视化python
    记录一下问题：pyecharts中使用snapshot_phantomjs保存png图片时报错ReferenceError:Can'tfindvariable:echarts\n\nundefined:1\nnull\n代码：frompyecharts.renderimportmake_snapshotfromsnapshot_phantomjsimportsnapshot'''省略内容'''ma
  • 前端vue实现导出word文档（包含echarts图表、文本）html-docx-js|FileSaver 初级码农- 插件类前端javascriptvue.jsechartscss
    实现页面中的echarts导出到word并附带文字说明1.安装html-docx-js插件（0.3.1）版本npminstallhtml-docx-js--save2.安装FileSaver插件（2.0.5）版本npminstallhtml-docx-js--save3.导出的图表本文以折线图为例，将折线图的代码以子组件的方式编写，子组件名称为：lineChart，绑定ref值：myLineCha
  • 前端vue实现导出word文档（包含echarts图表、文本）html-docx-jsFileSaver m0_74823933 前端vue.jsword
    实现页面中的echarts导出到word并附带文字说明1.安装html-docx-js插件（0.3.1）版本npminstallhtml-docx-js--save2.安装FileSaver插件（2.0.5）版本npminstallhtml-docx-js--save3.导出的图表本文以折线图为例，将折线图的代码以子组件的方式编写，子组件名称为：lineChart，绑定ref值：myLineCha
  • 前端导出word文件，并包含导出Echarts图表等 孜然卷k 前端javascript
    基础导出模板consthtml=`body{font-family:'TimesNewRoman';}h1{text-align:center;}table{border-collapse:collapse;width:100%;color:'#1118FF';font-weight:600;}th,td{border:1pxsolidblack;padding:8px;text-align:le
  • 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其他