-贫寒豌豆
-贫寒豌豆

Echarts学习记录——不等距折线图

Echarts学习记录——不等距折线图

需求

横坐标为一个区间，折线的每个点在区间内展示。
如横坐标是24小时的时间点，其中展示每个小时内某个时间点的数值。如下图：

说明

  1. 设置【横坐标】xAxis的【类型】type为【time】类型。
  2. 设置【横坐标】的值并格式化显示格式。
  3. 设置【纵坐标】yAxis，最大值，最小值，分行，背景色等
  4. 设置【数据驱动】series，主要设置data为一个二维数组，第一个元素是时间节点，第二个元素是数值。

源代码

  1. 使用的CDN，所以代码可直接运行查看。

<head>
    <meta charset="utf-8">
    <title>不等距折线图title>
    <script src="http://apps.bdimg.com/libs/jquery/1.7.1/jquery.js">script>
    <script src="https://cdn.bootcss.com/echarts/3.6.1/echarts.min.js">script>

head>
<body>
    <div id="main" style="height:400px">div>
    <script type="text/javascript">
        //图表
        var myChart;
        //图表参数
        var option;

        $(function(){
            //创建Echarts
            myChart = echarts.init(document.getElementById('main')); 
            //初始化图表选项
            initOption();
            // 为echarts对象加载图表选项
            myChart.setOption(option); 
        })

        //初始化Option
        function initOption(){
            option = {
                //设置标题
                title : {
                    text : '不等距折线图',
                },
                //设置鼠标移动到节点上时显示的内容
                tooltip : {
                    trigger: 'item',//触发类型 'item' | 'axis' 
                    formatter : function (params) { //内容格式器：
                        var date = new Date(params.value[0]);
                        data = date.getHours() + ':'
                               + date.getMinutes();
                        return "时间："+data + '
'+ "数值："+params.value[1];
                    }
                },
                //设置图例，与折线名称相对应
                legend : {
                    data : ['随机数值']
                },
                //设置边框
                grid: {
                    x : 40,
                    y : 60,
                    x2: 20,
                    y2: 60
                },
                //设置横坐标
                xAxis : [
                    {
                        axisLabel :{
                            textStyle:{
                                color: '#333'
                            },
                            //设置x轴显示样式
                            formatter:function(params){
                                var date = new Date(params);
                                return date.getHours()+":00";
                            }
                        },
                        type : 'time',
                        data : (function(){
                            var d = [];
                            var i = -1 ;
                            while(i++ < 24){
                                d.push(new Date(2017, 9, 1, i,0,0));
                            }
                            return d;
                        })(),
                        min: new Date(2017, 9, 1, 0,0,0),
                        max: new Date(2017, 9, 2, 0,0,0),   
                        splitLine:{show:true},
                        splitNumber:25
                    }
                ],
                //设置纵坐标
                yAxis : [
                    {
                        type : 'value',
                        min: 0,
                        max: 100,   
                        splitArea:{show:true,
                            areaStyle:{color:['#008000',
                                    '#99CC00',
                                    '#FFFF00',
                                    '#FF9900',
                                    '#FF0000']}
                        },
                        splitLine:{show:false},
                        splitNumber:5
                    }
                ],
                //设置数据驱动
                series : [
                    {
                        name: '随机数值',
                        type: 'line',
                        //图标大小，根据值进行计算
                        symbolSize: function (value){
                            return Math.round(value[1]/10) + 4;
                        },
                        data: (function () {
                            var d = [];
                            var len = -1;
                            while (len++ < 23) {
                                var timeDate = new Date(2017, 9, 1, len,(Math.random()*30).toFixed(0),0);//时间 2017 10 1 
                                var randomNum = (Math.random()*100).toFixed(2);//100以内随机数，保留两位小数
                                //如果数据格式为'-',则折线表示为断点
                                if(len == 5){
                                    randomNum = '-';
                                }
                                d.push([timeDate,randomNum]);
                            }
                            return d;
                        })()
                    }
                ]
            };
        }

    script>
body>

参考

http://echarts.baidu.com/echarts2/doc/example/line8.html

你可能感兴趣的:(Echarts)

  • ECharts后台读取数据动态生成折线图：实时数据可视化解决方案 窦菲芊Harriet
    ECharts后台读取数据动态生成折线图：实时数据可视化解决方案【下载地址】ECharts后台读取数据动态生成折线图该项目提供了一种高效的方法，利用PHP从数据库中读取数据，并通过JSON格式传输到前端，结合ECharts库动态生成折线图。通过AJAX技术，数据能够实时刷新，确保折线图始终反映最新数据变化。项目集成了ECharts和jQuery，简化了开发流程，适合需要实时数据可视化的场景。只需将
  • PyEcharts教程（009）：PyEcharts绘制水球图 文理棵 Python数据分析python信息可视化数据分析PyEcharts
    文章目录1、什么是水球图2、水球图示例：任务完成度1、什么是水球图水球图（Liquidchart）是PyECharts提供的一种非常形象的图表类型，适合展示百分比类指标，如健康评分、任务完成度、系统利用率等，水位高度越高表示数值越大，图形本身看起来像一个装水的圆球，非常直观。2、水球图示例：任务完成度1️⃣实现代码：frompyechartsimportoptionsasoptsfrompyech
  • PyEcharts教程（010）：天猫订单数据可视化项目 文理棵 Python数据分析信息可视化python数据分析
    文章目录1、读取数据2、数据处理3、重复值查看4、缺失值查看5、PyEcharts可视化5.1各个省份的订单量5.2时间序列分析5.3每天订单量统计可视化6、数据下载1、读取数据1️⃣读取数据：importpandasaspdfrompyechartsimportoptionsasoptsfrompyecharts.chartsimportMap,Timeline,Bar,Line,Piedata
  • Flask(四) 模板渲染render_template @昵称不存在 Flaskflaskpython后端
    文章目录过程详解（路由HTML模板）数据是怎么传过去的？多变量示例✅Jinja2支持条件判断、循环、模板继承：✅安全性Flask默认也会对变量进行HTML转义：{{chart|safe}}在pyecharts中怎么用？模板继承文件结构示例base.html（母板模板）index.html（子模板）login.html（子模板）过滤器宏和模板包含Flask-Login登录系统1、安装Flask-Lo
  • 【无标题】 console.log( ) 前端javascriptjava
    echartsconstdomResize=()=>{chart&&chart.resize();};
  • ECharts 数据集（Dataset） 沐知全栈开发 开发语言
    ECharts数据集（Dataset）引言ECharts是一个使用JavaScript实现的开源可视化库，它能够将数据通过丰富的图表形式展示出来。在ECharts中，数据集（Dataset）是一个非常重要的概念，它负责存储图表所需的数据。本文将详细介绍ECharts数据集（Dataset）的相关知识，包括其定义、作用、类型以及使用方法。数据集的定义数据集（Dataset）是ECharts中用于存储
  • ethers.js express vue2 定时任务每天凌晨2点监听合约地址数据同步到Mysql整理 穗余 全栈Web3web3
    下面是一个完整的Ethers.js+Express+Vue2+MySQL实现方案，用于：每天凌晨2点监听某合约地址的Transfer事件，写入MySQL数据库，并展示每日NFT交易量图表（Vue2+ECharts）✅后端部分（Express+Ethers.js+MySQL）项目结构（后端部分）：backend/├──abi/NFT_ABI.json├──db.js├──syncTransfers.
  • 《Vue3+ECharts 大屏性能优化全攻略：从加载到交互的极致体验》 前端极客探险家 vue数据可视化性能优化大屏端echarts
    1.大屏项目痛点分析与优化目标典型性能问题：首屏白屏时间过长大数据量下的渲染卡顿复杂动画导致的掉帧优化目标设定：首屏加载{config.splitChunks({chunks:'all',minSize:20000,maxSize:250000,minChunks:1,automaticNameDelimiter:'~',cacheGroups:{echarts:{test:/[\\/]node_
  • 记录vue3.0+ts使用echarts的dataZoom的坑 追风少年_ vueechartsvue.jsjavascript
    错误原因：因为vue3.0使用的是proxy的模式监听响应式，this.chart会被在vue内部转换成响应式对象，从而在resize的时候获取不到coordSys.type解决办法：所以在实例化echart时，将其指定为非响应式的即可。import{markRaw}from‘vue’this.chart=markRaw(echarts.init(document.getElementById(t
  • markRaw jjjjjjjjj¢ vue.jsjavascript前端
    Vue3中的markRaw()函数markRaw()是Vue3响应式系统中的一个API，用于标记一个对象，使其永远不会被转换为响应式代理。这在您希望确保对象保持原始状态且不触发响应式更新时非常有用。工作中使用带的例子：chartInstance.value=markRaw(echarts.init(chartRef.valueasHTMLDivElement));为什么需要markRaw？ECha
  • 深入浅出--vue3封装echarts组件 brrdg_sefg echarts前端javascript
    1、引言在现代Web应用开发中，数据可视化已成为不可或缺的一部分。ECharts，作为一款强大的图表库，提供了丰富的图表类型和高度定制化的选项，深受开发者喜爱。然而，在Vue项目中直接使用ECharts可能会遇到状态管理、响应式更新和组件化封装的挑战。本文将介绍如何在Vue3中封装一个高效、可复用的ECharts组件——TChart。2、组件亮点响应式图表：自动调整大小以适应容器。空数据展示：支持
  • 使用markRaw实例化echarts对象 知福致福 前端学习笔记echartsjavascriptecmascript
    在Vue3中，markRaw函数用于标记一个对象，使其永远不会转换为响应式代理。在this.chart=markRaw(echarts.init(chartDom));这行代码中，加与不加markRaw的主要区别在于Vue是否会将ECharts实例转换为响应式对象。以下是详细分析：不加markRaw的情况this.chart=echarts.init(chartDom);//未使用markRawV
  • Vue+Echarts 实现青岛自定义样式地图 我的心巴 vue.jsecharts前端
    一、效果二、代码importChartfrom"vue-echarts"import{qingdao_bg,marker}from'../images/index.js'exportdefault{components:{chart:Chart},data(){return{timer:null,index:-1,regionList:[{value:'370202',name:'市南区'},{v
  • vue2使用vue-echarts
    1.先安装echartsnpmiecharts2.安装vue-echarts安装的时候注意下对应的版本"echarts":"5.5.0","vue-echarts":"6.7.3",这是我安装的版本注意事项：如果安装之后报错："export'watchEffect'(importedas'o')wasnotfoundin'vue-demi'之类的，可能是vue的版本太低了在2.7以下那么则需要安装
  • 智能志愿辅助填报系统：系统架构设计全解析 MrZZT2 系统架构
    构建一个基于Python+Flask的智能志愿辅助填报系统近年来，智能化志愿填报系统逐渐成为高考服务的重要方向。相比传统填报方式，智能系统借助大数据与AI技术，能够提供个性化推荐、志愿梯度优化、实时趋势反馈等服务，帮助考生在复杂的填报环境中做出更科学的决策。本文将介绍我基于PythonFlask+HTML/CSS/JavaScript+ECharts+DeepSeekAPI构建的智能志愿辅助填报系
  • echarts中国及世界经纬度坐标 雨中散步撒哈拉 前端echarts
    转载于https://juejin.im/post/5d2d74d1e51d45108223fd15中国坐标exportdefault{阿克苏地区:[80.260604,41.168779],和田地区:[79.922211,37.114157],上海:[121.480237,31.236305],东莞:[113.758231,23.026997],东营:[118.588614,37.454925]
  • uniapp中怎么引入echarts(最简单) 小高求学之路 echarts前端uni-appecharts前端
    目录引言echarts.vue文件代码echarts-config文件代码在需要引入echarts图表的页面(.vue)中进行导入该文件(echarts.vue)使用该组件(echarts)引言在uniapp中需要引入echarts时的时候,需要引入两个配置文件.分别是echarts.vue以及echarts-config放在你项目中需要的目录下,echarts.vue文件代码conststyle
  • Vue+Echarts监控大屏实例八：智慧社区监控模板实例 军军君01 echartsvue.js数据可视化监控大屏智慧社区
    一、实例概述1.1实例说明  本实例实现智慧社区可视化大屏监控界面前端，包括综合监控、视频监控、设备监控、停车监控等。本实例实现对于监控界面的相关开发资料，提供实例源码、开发过程视频及实现过程。  界面使用vue+echarts开发，数据使用json格式文件进行模拟，web服务器使用nginx进行搭建。  本实例改进，通过vh和vw实现尺寸设置，使用rem设置字体尺寸，使用vue3的steup方式
  • Echarts-PHP快速入门与实战指南 宋韵庚
    Echarts-PHP快速入门与实战指南Echarts-PHPEcharts-PHPaPHPlibrarythatworksasawrapperfortheEchartsjslibrary项目地址:https://gitcode.com/gh_mirrors/ec/Echarts-PHP项目介绍Echarts-PHP是一个基于PHP的库，它封装了ApacheECharts的JavaScript库，
  • 133：vue+cesium 实现水波纹效果 还是大剑师兰特 #cesium综合教程200+大剑师cesium教程cesium示例cesium水波纹
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第133个示例文章目录一、示例效果二、示例简介三、配置方式四、示例源代码（共200行）五、相关API参考一
  • 数据可视化图表 前端熊猫 信息可视化数据分析数据挖掘
    数据可视化图表：把数字变魔术的艺术数据可视化的奇妙世界原始数据数据处理可视化映射视觉呈现交互体验数据可视化就像是把枯燥的数字变成生动故事的魔法师！我常常将它比作"数据的变装秀"——同样的数据，穿上不同的"图表服装"，就能讲述完全不同的故事。主流可视化库大比拼数据可视化王国ECharts(百变战士)D3.js(无所不能侠)Chart.js(轻盈精灵)Highcharts(商业大亨)AntV系列(全能
  • 可视化魔法指南 前端熊猫 信息可视化前端echart
    ECharts数据可视化魔法指南ECharts：数据的艺术画笔ECharts丰富图表类型⚙️灵活配置系统响应式设计强大交互功能大数据渲染能力生活类比：想象ECharts是一家魔法餐厅，你只需告诉厨师(代码)你想要的菜品类型(图表类型)和口味偏好(配置项)，它就能将你的原料(数据)转变成视觉盛宴。不同于普通餐厅，这家餐厅的菜品会根据食材的变化而自动调整(响应式)，甚至能根据顾客的互动改变形态(交互功
  • 前端ECharts：数据可视化的实用工具 前端视界 前端艺匠馆前端echarts信息可视化ai
    前端ECharts：数据可视化的实用工具关键词：前端、ECharts、数据可视化、实用工具、图表绘制摘要：本文围绕前端ECharts这一数据可视化的实用工具展开，详细介绍了其背景知识，包括目的、预期读者、文档结构和相关术语。深入剖析了ECharts的核心概念与联系，阐述了其核心算法原理及具体操作步骤，并结合数学模型和公式进行讲解。通过项目实战展示了如何搭建开发环境、实现源代码及解读代码。探讨了EC
  • android webview 图表,React Native 利用webView 加载echars图表 不显示问题 一直成长 androidwebview图表
    先看下效果图吧IMG_2273.PNGIMG_2272.PNG之前用第三方组件native-echarts也实现了雷达图，但是比较复杂，而且android和ios上引入tpl.html文件也不一样，而且也没有上图中的渐变，反正效果不是很好。我算是比较幸运的，因为我们h5有做了一个版本出来，那么就可以让后台通过模板的形式，返回一个页面，就可以通过webView加载这个url。还有一种方式就是自己画图
  • ECharts：饼图中间添加文字 dingcho 前端echartsjavascript前端
    series:[{type:'pie',radius:['55%','62%'],center:['67%','50%'],itemStyle:{borderRadius:10,borderColor:'#fff',borderWidth:2},label:{show:true,position:'center',formatter:({value})=>{//格式化数值为带单位的字符串（如102
  • vue2x安装5.x版本的echarts依赖包所产生的一系列问题的解决方法 爱好物理的一名程序员XiaoK echarts前端javascript
    首先Vue2x如果你直接进行安装：npminstallecharts会导致：Compiledwithproblems:ERRORvue__WEBPACK_IMPORTED_MODULE_0__.defaultisundefined@webpack-internal:///./src/router/index.js:8:1./src/router/index.js@http://localhost:
  • w笔记--axisPointer 的不同层级的优先级
    axisPointer的不同层级的优先级在ECharts中，axisPointer配置存在不同层级的定义（如tooltip中的axisPointer、坐标轴xAxis/yAxis中的axisPointer），它们的优先级和作用范围有特定规则：axisPointer的作用与配置层级axisPointer用于配置坐标轴指示器（即鼠标悬浮到坐标轴、数据系列时，显示的辅助线/阴影等提示元素），可在两个层级
  • 微信小程序echarts图使用问题总结
    简单的解决方法，几倍的时间去尝试、思考、追寻答案······多端开发echarts版本选择app及小程序同时使用echarts图本人使用5.1.2可以多端使用echarts.min.js可以去官网定制链接ECharts在线构建或者直接去GitHub-Tawesome666/echarts:echarts下载小程序中echarts图层级太高多种解决办法，本人在echarts图存在页面有自定义tarb
  • 微信小程序使用echarts 沉默电流 微信小程序echarts小程序
    大多教程使用ec-canvas直接加入小程序文件夹。echarts官网github下载找js等文件较为麻烦，可以去https://github.com/ecomfe/echarts-for-weixin下载后第一个即可添加到自己文件夹
  • 微信小程序引入echarts不显示 开发者工具上显示, 但上线不显示 也不报错 guochanof 微信小程序开发上线不显示小程序引入echarts不显示echarts不显示图小程序echartsecharts
    第一种在开发者工具上没有显示你需要给ceharts组件一个高度和宽度style="width:100%;height:500px;"第二种给了高度和宽度还是没有显示你需要给ceharts标签外面的view加个样式container.container{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-directio
  • Dom 周华华 JavaScripthtml
    <!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
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他