JS图表组件 highcharts 简单的介绍

把highcharts拿来做个简单的介绍，希望更多的朋友可以用到这个用来做图表的js插件。  

preparation

Highcharts

Highcharts是一个制作图表的纯Javascript类库，主要特性如下：

  • 兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等；
  • 对个人用户完全免费；
  • 纯JS，无BS；
  • 支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；
  • 跨语言：不管是PHP、Asp.net还是Java都可以使用，它只需要三个文件：一个是Highcharts的核心文件highcharts.js，还有a canvas emulator for IE和Jquery类库或者MooTools类库；
  • 提示功能：鼠标移动到图表的某一点上有提示信息；
  • 放大功能：选中图表部分放大，近距离观察图表；
  • 易用性：无需要特殊的开发技能，只需要设置一下选项就可以制作适合自己的图表；
  • 时间轴：可以精确到毫秒

下载插件

Highcharts下载地址

http://www.highcharts.com/download

jquery下载地址

http://jquery.com/

开发环境：

System：xp    JDK:1.5  Tomcat：5.X  Myeclipse：6.5

jquery：jquery-1.6.3.min.js

highcharts：Highcharts-2.1.9

项目环境：

JS图表组件 highcharts 简单的介绍_第1张图片 注：红色的地方即为本次介绍需要的文件部分。

start

代码如下：

本次介绍是把highcharts中的第一个文件拷贝过来，然后把其他的功能加在了这个文件中，然后查询相关资料，解决了链接以及打印导出等。

查看源码
 
打印 ?
001 <!DOCTYPE HTML>
002 <html>
003      <head>
004          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
005          <title>Highcharts Example---基本的曲线图</title>
006  
007          <!-- 1.引入jquery库 -->
008          <script type="text/javascript" src="js/jquery-1.6.3.min.js"></script>
009          <!-- 2.引入highcharts的核心文件 -->
010          <script type="text/javascript" src="js/highcharts.js"></script>
011          <!-- 3.引入导出需要的js库文件 -->
012          <script type="text/javascript" src="js/exporting.js"></script>
013  
014          <!--4.js脚本-->
015          <script type="text/javascript">
016         
017 var chart;
018              $(document).ready(function() {
019                  chart = new Highcharts.Chart({
020                      chart: {
021                          renderTo: 'container',
022                          defaultSeriesType: 'line',//图表类别，可取值有：line、spline、area、areaspline、bar、column等
023                          marginRight: 130,
024                          marginBottom: 25
025                      },
026                      title: {
027                          text: '襄阳(一级标题)',//设置一级标题
028                          x: -20 //center
029                      },
030                      subtitle: {
031                          text: '2011温度各区对比(二级标题)',//设置二级标题
032                          x: -20
033                      },
034                      xAxis: {
035                          categories: ['2011/1', '2011/2', '2011/3', '2011/4', '2011/5', '2011/6',
036 '2011/7', '2011/8', '2011/9', '2011/10', '2011/11', '2011/12']//设置x轴的标题
037                      },
038                      yAxis: {
039                          title: {
040                              text: '温度 (°C)'//设置y轴的标题
041                          },
042                          plotLines: [{
043                              value: 0,
044                              width: 1,
045                              color: '#808080'
046                          }]
047                      },
048                      tooltip: {
049                          formatter: function() {
050 return '<b>'+ this.series.name +'</b><br/>'+
051 this.x +': '+ this.y +'°C';//鼠标放在数据点的显示信息，但是当设置显示了每个节点的数据项的值时就不会再有这个显示信息
052                          }
053                      },
054                      legend: {
055                          layout: 'vertical',
056                          align: 'left',//设置说明文字的文字 left/right/top/
057                          verticalAlign: 'top',
058                          x: -10,
059                          y: 100,
060                          borderWidth: 0
061                      },
062                      exporting:{
063                           enabled:true //用来设置是否显示‘打印’,'导出'等功能按钮，不设置时默认为显示
064                      },
065                      plotOptions: {
066                          line: {
067                              dataLabels: {
068                                  enabled: true //显示每条曲线每个节点的数据项的值
069                              },
070                              enableMouseTracking: false
071                          }
072                      },
073                      series: [{
074                          name: '襄城',//每条线的名称
075                          data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]//每条线的数据
076                      }, {
077                          name: '樊城',
078                          marker:{
079                              symbol:"square"
080                          },
081                          data: [{
082                                 y:-3,
083                                 marker:{
084                                 symbol:'url(sun.png)'//在线上的某个点显示图标
085                                 }
086                          }, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
087                      }, {
088                          name: '襄州',
089                          data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
090                      }, {
091                          name: '东津',
092                          data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
093                      },{
094                          name: '鱼梁州',
095                          data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
096                      }]
097                  });
098                 
099                 
100              });
101                 
102 </script>
103      </head>
104      <body>
105          <!--5.导入容器用于显示图表-->
106          <div id="container"
107              style="width: 800px; height: 400px; margin: 0 auto"></div>
108      </body>
109 </html>

result

访问的url如下：http://localhost:8080/JFreeChart/highcharts/highcharts1.html

JS图表组件 highcharts 简单的介绍_第2张图片

以下做几点说明：

（1）去掉或更改图片右下角的链接

在highcharts.js文件中搜索credits字符串，找到如下的字符串，

enabled:设置是否显示链接

text：设置链接显示的名称

href：设置链接的url

（2）去掉图片右上角的打印及导出按钮

在js中设置以下代码：

exporting:{                       enabled:true //用来设置是否显示‘打印’,'导出'等功能按钮，不设置时默认为显示                  },

（3）点击图片左边的以下文字，当一次单击会隐藏某一条曲线，再次单击会显示该条曲线

 

转自：   http://www.cnblogs.com/java-pan/archive/2011/12/31/highcharts.html

你可能感兴趣的:(Highcharts)

  • java导出highcharts_命令行导出 | Highcharts 使用教程 德川家康薛定谔
    对于需要自动生成图表、纯后端生成图表图片、批量生成图表的情况，Nodejs导出服务器可以满足这些需求。一、安装Nodejs导出服务器请参考搭建导出服务器进行安装，简单来说有两种安装方式1、直接安装npm包npminstallhighcharts-export-server-g2、源代码安装gitclonehttps://github.com/highcharts/node-export-serve
  • 使用NPM安装Highcharts的完整指南 祁泉望Ernestine
    使用NPM安装Highcharts的完整指南highcharts项目地址:https://gitcode.com/gh_mirrors/high/highcharts前言Highcharts作为一款功能强大的数据可视化库，在现代Web开发中扮演着重要角色。本文将详细介绍如何通过NPM包管理器来安装和使用Highcharts及其相关产品（Stock、Maps和Gantt），帮助开发者快速上手这一优秀
  • Vue-Highcharts 使用教程 柳嵘英Humphrey
    Vue-Highcharts使用教程项目地址:https://gitcode.com/gh_mirrors/vu/vue-highcharts项目介绍Vue-Highcharts是一个基于Vue.js的高级图表库，它允许开发者轻松地在Vue项目中集成Highcharts。Highcharts是一个功能强大的图表库，支持多种图表类型，包括线图、柱状图、饼图、散点图等，并且具有高度的可定制性和交互性。
  • 数据可视化图表 前端熊猫 信息可视化数据分析数据挖掘
    数据可视化图表：把数字变魔术的艺术数据可视化的奇妙世界原始数据数据处理可视化映射视觉呈现交互体验数据可视化就像是把枯燥的数字变成生动故事的魔法师！我常常将它比作"数据的变装秀"——同样的数据，穿上不同的"图表服装"，就能讲述完全不同的故事。主流可视化库大比拼数据可视化王国ECharts(百变战士)D3.js(无所不能侠)Chart.js(轻盈精灵)Highcharts(商业大亨)AntV系列(全能
  • vue+highcharts 画出3D饼图 A孙大壮 vue.js3djavascript
    vue+highcharts画出3D饼图这是最终效果{{item.name}}{{item.y}}%importHighChartsfrom'highcharts'exportdefault{props:{},data(){return{peiData:[{name:'输电',y:28,h:60},{name:'变电',y:20,h:20},{name:'配电',y:10,h:32},{name:
  • Highcharts 不同高度的3D饼图 qq_763124572 Highcharts3dvue.js前端
    先上效果：完整代码如下（复制粘贴改id即可）：//修改3d饼图绘制过程vareach=Highcharts.each,round=Math.round,cos=Math.cos,sin=Math.sin,deg2rad=Math.deg2rad;Highcharts.wrap(Highcharts.seriesTypes.pie.prototype,'translate',function(pro
  • 【highCharts绘制3d饼图】有、无高低差的3d饼图 ppphhz 3dvue
    在Vue中使用highCharts绘制3d饼图的方法文章目录在Vue中使用highCharts绘制3d饼图的方法首先使用npm在你的项目中安装vue-highcharts无高低差的3d饼图推荐用这个：有高低差的3d饼图（item.h设一样的、events里面注释掉，也能变成无高低差的3d饼图）参考：在Vue中使用highCharts绘制3d饼图的方法首先使用npm在你的项目中安装vue-highc
  • 用c#开发微信 (13) 微统计 - 阅读分享统计系统 3 UI设计及后台处理 weixin_34257076 uic#数据库
    微信平台自带的统计功能太简单，有时我们需要统计有哪些微信个人用户阅读、分享了微信公众号的手机网页，以及微信个人用户访问手机网页的来源：朋友圈分享访问、好友分享消息访问等。本系统实现了手机网页阅读、分享与来源统计及手机网页在朋友圈的传播路径分析。本系统使用最传统的三层架构。本文是微统计的第三篇，主要介绍如下内容：1.为页面HighCharts画图控件提供数据2.接收分享记录信息并保存到数据库3.访问
  • flask+ highcharts实现报表转换成趋势图(3)----python使用csv像sql一样 会飞的蚂蚁_ 服务器技术爬虫pythonflaskhighchartspythonsqlcsv
    上面两篇继续http://blog.csdn.net/xx123er/article/details/77945591http://blog.csdn.net/xx123er/article/details/779457744.把csv数据当数据库使用http://www.jianshu.com/p/7d1d91ac7df3可以像sql语句来查csv#!/usr/bin/envpython#cod
  • 封装Highcharts-BI项目图表灵活控制-更新 盼儿哥 前端Highcharts图表BIjavascript
    按类型详情"usestrict";varmyChart={showtable:false,sLength:function(arr1,arr2){if(arr1&&arr2){returnarr1.split(',')===arr2.split(',');}returnfalse;}//查询参数,getParas:function(charts_id){varp={};//固定参数//p.val_
  • echarts柱状图自定义样式（一） 不忘初心 丶 echartsecharts柱状图重写样式
    在最近业务开展过程中，涉及到highcharts和echarts的图表数据展示颇多，后UI设计师根据数据展示要求设计出花里胡哨的图表样式，正好最近也来研究一下，后续会补几篇相关博文。废话也不多说，先上效果：以下为实例代码（可直接复制至echarts官网查看效果）option={grid:{left:'-5%',right:'7%',bottom:'3%',top:'7%',containLabel
  • 单页面多Highcharts图形，高度宽度自适应 Mr_Chenph WebWebCool-让一切美好起来
    数据图形展示页面，四个图形，上边俩，下边俩，客户机的分辨率不同，所以如果把图形的宽度高度写死，那么会造成屏幕显示不友好，抽空想了下，很简单先让图形浮动，代码很简单：使用jquery：$(window).resize(function(){varwidth_frm=$(document.body).width();varheight_frm=$(document.body).height();var
  • Highcharts Grid Crack,Handle Large Datasets with a Fast SEO-狼术 netDelphi控件java数据库开发语言
    HighchartsGridCrack,HandleLargeDatasetswithaFastHighchartsGriddeliverssmooth,high-performancerenderingofmassivedatavolumesthroughintelligentrowvirtualization.HighchartsGridisafeature-richdatagridcompo
  • Highcharts 柱形图显示数值并设置数值格式 旭东怪 图表库
    原始效果图：实现代码：$(function(){varchart;$(document).ready(function(){chart=newHighcharts.Chart({chart:{renderTo:'container',type:'column'},
  • Highcharts 条形图：数据可视化的利器 lly202406 开发语言
    Highcharts条形图：数据可视化的利器引言在数据分析和可视化领域，Highcharts是一个广受欢迎的JavaScript图表库。它以其易用性、灵活性和丰富的图表类型而著称。其中，条形图作为一种基础但功能强大的图表类型，被广泛应用于各种场景，以直观地展示数据分布和比较。本文将深入探讨Highcharts中的条形图，包括其基本用法、高级配置以及在实际应用中的最佳实践。什么是Highcharts
  • Highcharts 区间柱形图 chengqiuming HighchartsHighcharts
    一代码Highcharts区间柱形图$(document).ready(function(){//类型为区间柱形图varchart={type:'columnrange',inverted:true};//标题vartitle={text:'月温差范围'};//子标题varsubtitle={text:'挪威2009'};//X轴varxAxis={categories:['一月','
  • Highcharts 柱形图，线条图，饼图组合 chengqiuming HighchartsHighcharts
    一代码Highcharts柱形图，线条图，饼图组合$(document).ready(function(){//标题vartitle={text:'组合图'};//X轴varxAxis={categories:['苹果','橘子','梨子','香蕉','李子']};//标签varlabels={items:[{html:'水果消费',style:{left:'50px',top:'18px',co
  • Highcharts 柱形图：深入解析与最佳实践 lsx202406 开发语言
    Highcharts柱形图：深入解析与最佳实践引言Highcharts是一个功能强大的图表库，它允许用户轻松地在网页上创建各种类型的图表。其中，柱形图因其直观的展示方式，在数据分析、业务报告等领域得到了广泛应用。本文将深入解析Highcharts柱形图，包括其基本用法、高级特性以及最佳实践。高charts柱形图的基本用法1.初始化图表首先，需要在HTML文件中引入Highcharts库。以下是一个
  • Highcharts 堆叠条形图 JsonRal javascript
    以下实例演示了堆叠条形图。我们在前面的章节已经了解了Highcharts基本配置语法。接下来让我们来看下其他的配置。配置plotOptions配置图表堆叠使用plotOptions.series.stacking，并设置为"normal"。如果禁用堆叠可设置为null，"normal"通过值设置堆叠，"percent"堆叠则按百分比。varplotOptions={series:{stacking
  • ApexCharts 图表入门例子 后端java
    常见的图形库系列常见的图形库概览-00-overview常见的图形库概览-01-Chart.js入门例子常见的图形库概览-03-D3.js入门例子HighCharts交互式图表-01-入门介绍Plotly函数图像绘制ApexCharts图表入门例子Victory图表基于React，适合React项目，支持移动端Recharts入门例子AntVG2入门例子图表库C3.js入门例子图表库GoogleC
  • 常见的图形库对比 Echarts Highcharts AntV 后端java
    图形库图形库特点图表类型适用场景依赖项官网/文档ECharts功能丰富，支持大规模数据，交互性强折线图、柱状图、饼图、地图、雷达图、散点图、热力图等复杂数据可视化无https://echarts.apache.org/Chart.js简单易用，轻量级，支持响应式设计折线图、柱状图、饼图、雷达图、散点图等简单图表，快速开发无https://www.chartjs.org/D3.js功能强大，灵活性高
  • 常见的图形库概览-03-D3.js 入门例子 后端java
    常见的图形库系列常见的图形库概览-00-overview常见的图形库概览-01-Chart.js入门例子常见的图形库概览-03-D3.js入门例子HighCharts交互式图表-01-入门介绍Plotly函数图像绘制ApexCharts图表入门例子Victory图表基于React，适合React项目，支持移动端Recharts入门例子AntVG2入门例子图表库C3.js入门例子图表库GoogleC
  • HighCharts 交互式图表-01-入门介绍 后端java
    常见的图形库系列常见的图形库概览-00-overview常见的图形库概览-01-Chart.js入门例子常见的图形库概览-03-D3.js入门例子HighCharts交互式图表-01-入门介绍Plotly函数图像绘制ApexCharts图表入门例子Victory图表基于React，适合React项目，支持移动端Recharts入门例子AntVG2入门例子图表库C3.js入门例子图表库GoogleC
  • HighCharts 交互式图表-01-入门介绍 后端java
    常见的图形库系列常见的图形库概览-00-overview常见的图形库概览-01-Chart.js入门例子常见的图形库概览-03-D3.js入门例子HighCharts交互式图表-01-入门介绍Plotly函数图像绘制ApexCharts图表入门例子Victory图表基于React，适合React项目，支持移动端Recharts入门例子AntVG2入门例子图表库C3.js入门例子图表库GoogleC
  • HighCharts图表自动化简介 知识的宝藏 Selenium高级篇Selenium图表自动化测试highcharts图表自动化Selenium图表自动化图表自动化测试highchartsSelenium
    什么是分析数据？在任何应用程序中捕获并以图形或图表形式显示的分析数据是任何产品或系统的关键部分，因为它提供了对实时数据的洞察。验证此类分析数据非常重要，因为不准确的数据可能会在报告中产生问题，并可能影响应用程序/系统的其他相关领域。什么是HighChart？Highcharts是一个用纯JavaScript编写的j基于SVG成图技术的图表库，提供了一种简单的方法来向您的网站或Web应用程序添加交互
  • Echarts概述，真实 2401_84094868 程序员echarts前端javascript
    ECharts是百度开源的纯Javascript图表库，目前开源可以与highcharts相匹敌的一个图表库.支持折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图）、雷达图（填充雷达图）、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表，同时提供标题，详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件，支持多图表、组件的联动和混搭展现。2.E
  • Axure中插入Highcharts动态图表 周墨拾光 AxureAxure元件库动态图表Highcharts
    操作说明：1、进入highcharts官网https://www.hcharts.cn/demo/highcharts/line-basic/dark-unica2、根据需要选择图表3、选择“编辑源代码”4、修改图表中的相关参数5、复制分享全屏链接的地址6、在Axure中拖入内联框架，双击内联框架，在链接属性弹出框中，将复制的链接粘贴到图中位置，点击确认即可；内联框架大小可以随意调整，建议根据上面
  • [highcharts] 07_在highcharts渲染完成后结束loading
    vue2项目highcharts实例，如何在highcharts渲染开始时加载loading，在渲染结束时结束loading?好久没写highcharts，最近有个同事写highcharts时遇到了一个问题。该业务场景的数据处理非常复杂，且存在某些个特定id的情况下，数据量极大，导致页面上的highcharts卡顿(具体表现是：点了切换之后，有一段时间没反应，之后highcharts重新渲染数据)
  • Canvas实现高性能的瀑布图 codexu_461229187 前端javascript数据可视化
    废话不多说，先上成品图：再来个迷你动图：可能很多同学不知道频谱图和瀑布图，其实我也不懂…但是咱们前端就是负责把数据按照规则显示出来就好（上方折线图为频谱图，下方那一坨为瀑布图）。技术选型框架：Vue(这并不重要，反正我也不会多说这块)数据传输：WebSocket频谱图：HighCharts瀑布图：Canvas为什么使用WebSocket？因为需要服务器实时传输数据，要求达到30帧，每帧动画由102
  • flot 绘图文档API zkeal JAVAWEBjavaweb
    最近开发过程中需要有一些绘制图表的工作，Highcharts的API比较健全，方便。但是jquery的flotAPI比较难找。Consideracalltotheplotfunction:下面是对绘图函数plot的调用：varplot=$.plot(placeholder,data,options)TheplaceholderisajQueryobjectorDOMelementorjQuerye
  • jdk tomcat 环境变量配置 Array_06 javajdktomcat
    Win7 下如何配置java环境变量 1。准备jdk包，win7系统，tomcat安装包（均上网下载即可） 2。进行对jdk的安装，尽量为默认路径（但要记住啊！！以防以后配置用。。。） 3。分别配置高级环境变量。   电脑-->右击属性-->高级环境变量-->环境变量。 分别配置 : path    &nbs
  • Spring调SDK包报java.lang.NoSuchFieldError错误 bijian1013 javaspring
            在工作中调另一个系统的SDK包，出现如下java.lang.NoSuchFieldError错误。 org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l
  • LeetCode[位运算] - #136 数组中的单一数 Cwind java题解位运算LeetCodeAlgorithm
    原题链接：#136 Single Number 要求： 给定一个整型数组，其中除了一个元素之外，每个元素都出现两次。找出这个元素 注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间 难度：中等 分析： 题目限定了线性的时间复杂度，同时不使用额外的空间，即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n，故将数组中的每个元素进
  • qq登陆界面开发 15700786134 qq
    今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下： public class First {         public void initul(){        jf=ne
  • Linux的程序包管理器RPM 被触发 linux
    在早期我们使用源代码的方式来安装软件时，都需要先把源程序代码编译成可执行的二进制安装程序，然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装，这个复杂而艰辛的过程。为简化安装步骤，便于广大用户的安装部署程序，程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包，提供给大家下载，我们只需要根据自己的
  • socket通信遇到EOFException 肆无忌惮_ EOFException
    java.io.EOFException at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281) at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:
  • 基于spring的web项目定时操作 知了ing javaWeb
    废话不多说，直接上代码，很简单 配置一下项目启动就行 1，web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="h
  • 树形结构的数据库表Schema设计 矮蛋蛋 schema
    原文地址： http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488     程序设计过程中，我们常常用树形结构来表征某些数据的关联关系，如企业上下级部门、栏目结构、商品分类等等，通常而言，这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库，都是以二维表的形式记录存储数据信息，
  • maven将jar包和源码一起打包到本地仓库 alleni123 maven
    http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository <project> ... <build> <plugins> <plugin> <groupI
  • java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！ 百合不是茶
    类 File File是指文件和目录路径名的抽象表示形式。 1，何为文件： 标准文件（txt doc mp3...） 目录文件（文件夹） 虚拟内存文件   2，File类中有可以创建文件的 createNewFile（）方法,在创建新文件的时候需要try{} catch(）{}因为可能会抛出异常；也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都
  • Spring注入有继承关系的类（2） bijian1013 javaspring
    被注入类的父类有相应的属性，Spring可以直接注入相应的属性，如下所例：1.AClass类 package com.bijian.spring.test4; public class AClass { private String a; private String b; public String getA() { retu
  • 30岁转型期你能否成为成功人士 bijian1013 成长励志
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • 【Velocity四】Velocity与Java互操作 bit1129 velocity
    Velocity出现的目的用于简化基于MVC的web应用开发，用于替代JSP标签技术，那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础，      POJO    package com.tom.servlets; public
  • 【Hive十一】Hive数据倾斜优化 bit1129 hive
    什么是Hive数据倾斜问题   操作：join,group by,count distinct 现象：任务进度长时间维持在99%（或100%），查看任务监控页面，发现只有少量（1个或几个）reduce子任务未完成；查看未完成的子任务，可以看到本地读写数据量积累非常大，通常超过10GB可以认定为发生数据倾斜。 原因：key分布不均匀 倾斜度衡量：平均记录数超过50w且
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua csrf
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-3.求子数组的最大和 bylijinnan java
    package beautyOfCoding; public class MaxSubArraySum { /** * 3.求子数组的最大和 题目描述： 输入一个整形数组，数组里有正数也有负数。 数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。 求所有子数组的和的最大值。要求时间复杂度为O(n)。 例如输入的数组为1, -2, 3, 10, -4,
  • Netty源码学习-FileRegion bylijinnan javanetty
    今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java 可以直接往channel里面写入一个FileRegion对象，而不需要相应的encoder： //pipeline（没有诸如“FileRegionEncoder”的handler）： public ChannelPipeline ge
  • 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题 cngolon 跨浏览器复制到粘贴板Zero Clipboard
    Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。 Zero Clipboard的安装方法 首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js
  • 单例模式 cuishikuan 单例模式
    第一种（懒汉，线程不安全）： public class Singleton {   2     private static Singleton instance;   3     pri
  • spring+websocket的使用 dalan_123
    一、spring配置文件 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"    xmlns:xsi="http://www.w3.or
  • 细节问题：ZEROFILL的用法范围。 dcj3sjt126com mysql
    1、zerofill把月份中的一位数字比如1，2，3等加前导0 mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL,    -> day
  • Android开发10——Activity的跳转与传值 dcj3sjt126com Android开发
    Activity跳转与传值，主要是通过Intent类，Intent的作用是激活组件和附带数据。   一、Activity跳转 方法一Intent intent = new Intent(A.this, B.class); startActivity(intent)   方法二Intent intent = new Intent();intent.setCla
  • jdbc 得到表结构、主键 eksliang jdbc 得到表结构、主键
    转自博客：http://blog.csdn.net/ocean1010/article/details/7266042 假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt
  • Android 应用程序开关GPS gqdy365 android
    要在应用程序中操作GPS开关需要权限： <uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" /> 但在配置文件中添加此权限之后会报错，无法再eclipse里面正常编译，怎么办？ 1、方法一：将项目放到Android源码中编译； 2、方法二：网上有人说cl
  • Windows上调试MapReduce zhiquanliu mapreduce
    1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b
  • 如何看待一些知名博客推广软文的行为？ justjavac 博客
    本文来自我在知乎上的一个回答：http://www.zhihu.com/question/23431810/answer/24588621 互联网上的两种典型心态： 当初求种像条狗，如今撸完嫌人丑 当初搜贴像条犬，如今读完嫌人软 你为啥感觉不舒服呢？ 难道非得要作者把自己的劳动成果免费给你用，你才舒服？ 就如同 Google 关闭了 Gooled Reader，那是
  • sql优化总结 macroli sql
    为了是自己对sql优化有更好的原则性，在这里做一下总结，个人原则如有不对请多多指教。谢谢！   要知道一个简单的sql语句执行效率，就要有查看方式，一遍更好的进行优化。   一、简单的统计语句执行时间 declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id
  • Linux Oracle中常遇到的一些问题及命令总结 超声波 oraclelinux
    1.linux更改主机名   (1)#hostname oracledb　　　　临时修改主机名 (2) vi /etc/sysconfig/network 　　修改hostname (3) vi /etc/hosts　　　　　　　　修改IP对应的主机名   2.linux重启oracle实例及监听的各种方法 （注意操作的顺序应该是先监听，后数据库实例） &nbs
  • hive函数大全及使用示例 superlxw1234 hadoophive函数
      具体说明及示例参 见附件文档。     文档目录：   目录 一、关系运算： 4 1. 等值比较: = 4 2. 不等值比较: <> 4 3. 小于比较: < 4 4. 小于等于比较: <= 4 5. 大于比较: > 5 6. 大于等于比较: >= 5 7. 空值判断: IS NULL 5
  • Spring 4.2新特性-使用@Order调整配置类加载顺序 wiselyman spring 4
    4.1 @Order Spring 4.2 利用@Order控制配置类的加载顺序 4.2 演示 两个演示bean package com.wisely.spring4_2.order; public class Demo1Service { } package com.wisely.spring4_2.order; public class
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他