大学霸
大学霸

Highmaps网页图表教程之Highmaps第一个实例与图表构成

Highmaps网页图表教程之Highmaps第一个实例与图表构成

Highmaps第一个实例

下面我们来实现本教程的第一个Highmaps实例。

【实例1-1：hellomap】下面来制作一个中国地图的图表。操作过程如下：

（1）新建一个网页文件，命名为Hellomap。同时将title设置Hello Highmaps。代码如下：

  • <html xmlns="http://www.w3.org/1999/xhtml">

  • <head>

  •     <meta charset="utf-8" />

  •     <title>Hello Highmaps</title>

  •     <style type="text/css">

  •         #container {

  •             width:500px;

  •             height:500px;

  •             border:1px solid #000;

  •             padding :0px;

  •             margin:10px;

  •         }

  •     </style>

  • </head>

  • <body>

  • </body>

  • </html>

（2）在网页中添加一个div，设置id为container。

  •     <div id="container"></div>

（3）设置该div的样式，代码如下：

  •     <style type="text/css">

  •         #container {

  •             width:500px;

  •             height:500px;

  •             border:1px solid #000;

  •             padding :0px;

  •             margin:10px;

  •         }

  •     </style>

（4）引去jQuery脚本和Highmaps脚本，代码如下：

  •     <script src="jquery.js"></script>

  •     <script src="highmaps.js"></script>

（5）引入地图数据，这里使用的是从Highmaps官网下载的地图数据。代码如下：

  •     <script src="cn-all-sar-taiwan.js"></script>

（6）添加地图绘制代码。代码如下：

  •     <script type="text/javascript">

  •         $(document).ready(function () {

  •             var options = {

  •                 chart: {

  •                 },

  •                 mapNavigation: {

  •                     enabled: true

  •                 },

  •                 title: {

  •                     text: '地图'

  •                 },

  •                 subtitle: {

  •                     text: '临时数据'

  •                 },

  •                 series: [{

  •                     name:'省份',

  •                     mapData: Highcharts.maps['countries/cn/custom/cn-all-sar-taiwan'],

  •                     joinBy:'hc-key',

  •                     data: [{

  •                         'hc-key': 'cn-zj',

  •                         value:22

  •                     }, {

  •                         'hc-key': 'cn-sx',

  •                         value:50

  •                     }],

  •                     dataLabels: {

  •                         enabled: true,

  •                         crop: false,

  •                         overflow: 'none',                      

  •                     }

  •                 }],

  •                 credits: {

  •                     text: '大学霸',

  •                     href: 'http://daxueba.net'

  •                 }

  •             };

  •             $('#container').highcharts('Map',options);

  •         });

  •     </script>

保存以上文件，运行结果如图1.9所示。


Highmaps网页图表教程之Highmaps第一个实例与图表构成

图1.9  第一个Highmaps实例

Highmaps图表构成

为了方便大家更好了解Highmaps图表，这里从界面和代码两个角度讲解Highmaps地图的实现方式。

Highmaps界面构成

在第一个实例中，虽然我们编写的代码很少，但是Highmaps却为我们生成了非常完整的地图图表。在这个图表中，除了显示地图以外，还显示了很多辅助图表元素，如图1.10所示。这些辅助元素包括标题、副标题、缩放按钮、提示框、数据标签、图例和版权信息。下面简要讲解这些元素的作用。

  • q  标题/副标题：用来简要说明图表所要表达的内容，帮助浏览者快速了解图表的重点。

  • q  缩放按钮：用来放大和缩小地图，帮助浏览者更清楚的了解地图细节。

  • q  提示框：当鼠标悬浮在有数据的节点上，就会以弹出的形式显示节点的相关信息。

  • q  数据标签：以静态的形式显示节点数值，由于空间有限，很多时候数据标签会被隐藏。

  • q  图例：用来数据的种类，尤其当图中包含多类数据的时候。同时，浏览者可以通过单击图例的方式，选中某一些数据，或者取消某一类的数据的显示。

  • q  版权信息：用来说明图表所有者信息。

Highmaps网页图表教程之Highmaps第一个实例与图表构成

图1.10  辅助图表元素

Highmaps代码构成

虽然我们在第一个实例中并没有编写多少代码，但图1.9却展现丰富的内容。这充分的体现了Highmaps使用的便捷性。实现Highmaps图表实际分为两个步骤，依次讲解。

1.图表配置项对象

Highmaps核心主体就是图表配置项对象。该对象包含了图表的各类数据和配置信息。每个部分往往都是由更小的配置项对象组成。用户只要按照规范的格式，填写对应的数据和配置值，就可以。整个过程就像搭建积木一样。下面对第一个实例的配置项对象做简要介绍。

  •             var options = {

  •                 chart: {                                                          //图表的基本信息配置项

  •                 },

  •                 mapNavigation: {                                       //导航功能

  •                     enabled: true                                       //启用导航功能

  •                 },

  •                 title: {                                                             //标题

  •                     text: '地图'                                             //设置标题文本

  •                 },

  •                 subtitle: {                                                      //副标题

  •                     text: '临时数据'                                     //设置副标题

  •                 },

  •                 series: [{                                                       //定义数据列

  •                     name:'省份',                                         //数据列的名字

  •                     mapData: Highcharts.maps['countries/cn/custom/cn-all-sar-taiwan'],      //地图数据来源

  •                     joinBy:'hc-key',                                    //设置节点与地图关联模式

  •                     data: [{                                                  //节点数据

  •                         'hc-key': 'cn-zj',

  •                         value:22

  •                     }, {

  •                         'hc-key': 'cn-sx',

  •                         value:50

  •                     }],

  •                     dataLabels: {                                       //数据标签

  •                         enabled: true,

  •                         crop: false,

  •                         overflow: 'none',                      

  •                     }

  •                 }],

  •                 credits: {                                                       //版权信息

  •                     text: '大学霸',

  •                     href: 'http://daxueba.net'

  •                 }

  •             };

从代码中可以看出，界面中的每个部分都对应代码中的一个小模块。这样，便于用户构建图表，并进行后期的调试。

2.在容器中绘制图表

在指定好配置项对象后，用户就可以使用Highmaps插件提供的higcharts方法在指定的容器中绘制图表。需要的代码只需要以下一行。

  • $('#container').highcharts('Map',options);

只需要以上两个步骤，就可以在现有的网页中绘制出图1.9所示的图表了。用户对图表进行扩展，只需要修改图表配置对象即可。

本文选自：Highmaps网页图表基础教程大学霸内部资料，转载请注明出处，尊重技术尊重IT人！


你可能感兴趣的:(第一个实例,Highmaps,网页图表教程,Highmaps,图表构成)

  • Linux 系统中的 .7z 压缩与解压详解 Crazy learner Linux基本命令C++与python编程linux7z
    目录一、安装p7zip工具二、压缩文件到.7z格式三、解压.7z文件五、常见操作实例六、总结在Linux系统中，.7z是一种高效的压缩文件格式，通常使用p7zip工具来进行操作。7z格式以其高压缩率和支持多种压缩算法（如LZMA、LZMA2等）而闻名。本文将深入讲解如何在Linux环境下使用.7z文件格式进行压缩和解压操作，并通过多个实例帮助你掌握这些技能。一、安装p7zip工具在大多数Linux
  • 责任链模式原理详解和源码实例以及Spring AOP拦截器链的执行源码如何使用责任链模式？ 一个儒雅随和的男子 spring设计模式责任链模式springjava
    前言  本文首先介绍了责任链的基本原理，并附带一个例子说明责任链模式，确保能够理解责任链的前提下，在进行SpringAOP执行责任链的源码分析。责任链模式允许将多个处理对象连接成链，请求沿着链传递，直到被处理或结束。每个处理者可以选择处理请求或传递给下一个。  SpringAOP的拦截器链，拦截器或者过滤器链，都是典型的责任链应用。比如，当一个方法被调用时，多个拦截器按顺序执行，每个拦截器可以决定
  • SMT贴片加工报价构成要素与成本优化策略解析 安德胜SMT贴片 其他
    内容概要在现代电子制造领域，SMT贴片加工报价的精准核算直接影响企业供应链成本控制效能。本文通过结构化分析框架，系统解构报价体系的五大核心要素，并建立可操作的优化模型。研究路径覆盖从基材选型到生产规划的完整价值链，重点揭示各环节成本动因的相互作用机制。为直观呈现报价要素的关联性，特构建以下参数对照表：要素类别成本占比范围关键波动因素优化切入点PCB基材成本15-25%层数/板材类型/表面处理工艺标
  • Spring Bean 生命周期详解 黑风风 java多线程springjava数据库
    SpringBean生命周期详解在Spring框架中，Bean的生命周期由Spring容器全权管理。了解和掌握Bean的生命周期对于使用Spring开发稳定且高效的应用程序至关重要。本文将详细介绍SpringBean生命周期的五个主要阶段：实例化、属性注入、初始化、使用和销毁，并涵盖各个阶段的关键步骤和扩展点。1.实例化（Instantiation）实例化阶段包括以下关键步骤：BeanNameAw
  • Spring Bean 生命周期的执行流程 涛粒子 spring数据库java
    1.Bean定义阶段在Spring应用启动时，会读取配置文件（如XML配置、Java注解配置等）或者扫描带有特定注解（如@Component、@Service、@Repository等）的类，将这些Bean的定义信息加载到Spring的BeanFactory或ApplicationContext中。这些定义信息包括Bean的类名、作用域、依赖关系等。2.Bean实例化阶段调用构造函数：Spring
  • Spring Bean 生命周期 CT随 springjava后端
    SpringBean生命周期是Spring框架中一个非常重要的概念，它描述了一个Bean从创建到销毁的完整过程。这个生命周期可以分为五个主要阶段：创建前准备阶段、创建实例阶段、依赖注入阶段、容器缓存阶段和销毁实例阶段。下面我们将详细介绍每个阶段的作用，并通过生活中的例子来帮助理解。创建前准备阶段定义与作用：在这一阶段，Spring容器会解析配置文件或注解，查找并加载需要被管理的Bean的相关信息。
  • C语言中的回调函数 以及应用 C r a z y c语言c++javapython数据结构
    定义回调函数就是一个通过函数指针调用的函数。如果你把函数的指针也就是地址作为参数传递给另一个函数，当这个指针被用来调用其所指向的函数时，我们就可以说这是回调函数。注意回调函数不是有该函数的实现方直接调用，而是再特定的事件或条件发生时由另外的一方调用的，用于对该事件或条件进行响应看不懂没关系先继续看↓实例应用:我们先用常规思路写一个能简单实现加减乘除的计算器#includevoidmenu(){pr
  • 大模型产品Deepseek（九）、LMstudio + AnythingLLM提交文件、网页内容，回复更专业准确 伯牙碎琴 大模型DeepSeek大模型知识库LMstudio嵌入数据联网查询
    使用LMstudio和AnythingLLM向DeepSeek提交数据以提高回复的准确性在本篇文章中，我们将介绍如何使用LMstudio和AnythingLLM工具将文件或网页内容提交给DeepSeek，确保它能够提供更专业和精准的回答。这种方式特别适合那些无法使用Ollama部署但有数据投喂需求的场景。一.准备工作在开始之前，确保您已经安装了LMstudio和AnythingLLM工具，并且De
  • uni-app使用websocket 外派叙利亚 uni-appwebsocket网络协议
    点击发送请求离开页面exportdefault{onLoad(){//进入这个页面的时候创建websocket连接【整个页面随时使用】this.connectSocketInit();},data(){return{socketTask:null,//确保websocket是打开状态is_open_socket:false}},//关闭websocket【必须在实例销毁之前关闭,否则会是under
  • 基于Linux平台的多实例RTSP|RTMP直播播放器深度解析与技术实现 音视频牛哥 RTSP播放器RTMP播放器大牛直播SDK音视频实时音视频视频编解码linuxrtsp播放器linuxrtmp播放器linux国产rtmp播放器linux国产rtsp播放器
    一、引言在Linux平台上实现一个高性能、高并发的多实例播放器，是许多流媒体应用的核心需求。本文将结合大牛直播SDK的Linux平台RTSP/RTMP播放器功能，深入解析其实现原理、关键技术点以及优化策略。通过对代码的详细分析和实际应用的结合，帮助开发者更好地理解和应用该技术。二、项目概述本文基于以下代码实现了一个多实例播放器：multi_player_demo.cpp：主程序，负责初始化SDK、
  • vue 3中 页面跳转 治金的blog Vue3学习vue.jsjavascript前端
    z1.普通函数的页面跳转首页我的import{useRouter}from'vue-router'//使用useRouter创建一个router实例constrouter=useRouter()//定义go函数以便路由跳转functiongo(){router.push({path:'/my'})}//将go函数暴露给模板2.箭头函数的实现方法首页我的import{useRouter}from'v
  • 若依前后端分离集成CAS详细教程 Roc-xb 单点登录前后端分离CAS
    目录一、后端配置1、添加cas依赖2、修改配置文件3、修改LoginUser.java4、修改Constants.java5、添加CasProperties.java6、添加CasUserDetailsService.java7、添加CasAuthenticationSuccessHandler.java8、修改SecurityConfig9、启动后端二、前端配置1、修改settings.js2、
  • python爬虫Selenium库详细教程_python爬虫之selenium库的使用详解 嘻嘻哈哈学编程 程序员python爬虫selenium
    网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！2.2访问页面2.3查找元素2.3.1单个元素下面
  • Java如何调用构造函数和方法以及使用 WZMeiei java开发语言
    调用构造函数的格式构造函数在创建新对象时被调用。调用格式如下：ClassNameobjectName=newClassName(parameters);ClassName：你需要创建其实例的类的名称。objectName：你将创建的对象的名称。parameters：如果你使用的是带有参数的构造函数，这里需要传递相应的参数。示例：Personperson=newPerson("John",25);调
  • Java中的static关键字 WZMeiei Javajava开发语言
    static是Java中的一个关键字，主要用于修饰类成员（变量和方法），以表示这个成员属于类本身，而不是类的实例1.静态变量（StaticVariables）类级属性：静态变量也称为类变量或静态属性，它们在类加载时初始化，并且只有一份拷贝，被所有该类的对象共享。这意味着无论创建多少个对象，静态变量的内存空间只有一处。生命周期长：静态变量的生命周期与类相同，只要应用运行，它们就存在。访问方式：可以直
  • AJAX使用和固定格式 乐多_L ajax前端javascript
    ajax的全称AsynchronousJavaScriptandXML(异步JavaScript和XML)。ajax是一种创建交互式网页应用的网页开发技术。其中最核心的依赖是浏览器提供的XMLHttpRequest对象，是这个对象使得浏览器可以发出HTTP请求与接收HTTP响应。实现了在页面不刷新的情况下和服务器进行交互。方法描述newXMLHttpRequest()生成一个XMLHttpRequ
  • 详细介绍：封装简易的 Axios 函数获取省份列表 还是鼠鼠 javascriptvscodeajax前端前端框架
    目录关键步骤：完整代码（html）：代码解析：程序运行结果：本示例展示了如何通过封装一个简易的myAxios函数来模拟axios的功能，使用原生的XMLHttpRequest（XHR）对象来发起HTTP请求。我们将实现一个简单的功能，通过该封装函数从服务器获取省份列表数据，并在网页上显示这些省份。关键步骤：封装myAxios函数：myAxios函数接收一个配置对象（如请求的URL和方法），并返回一
  • Python从0到100（三十九）：数据提取之正则（文末免费送书） 是Dream呀 pythonmysql开发语言
    前言：零基础学Python：Python从0到100最新最全教程。想做这件事情很久了，这次我更新了自己所写过的所有博客，汇集成了Python从0到100，共一百节课，帮助大家一个月时间里从零基础到学习Python基础语法、Python爬虫、Web开发、计算机视觉、机器学习、神经网络以及人工智能相关知识，成为学习学习和学业的先行者！欢迎大家订阅专栏：零基础学Python：Python从0到100最新
  • ollama的docker 使用教程 贾斯汀玛尔斯 数据湖AIDocker容器dockereureka容器
    好的，下面是Ollama在Docker中的使用教程。我将详细描述如何在Docker容器中运行Ollama，包括安装、配置和常用操作。OllamaDocker使用教程Ollama可以通过Docker运行，提供了一个简洁且隔离的环境来使用AI模型。本文将引导你如何在Docker中设置和使用Ollama。目录前提条件拉取OllamaDocker镜像启动Ollama容器基本命令操作停止容器<
  • Nginx配置反向代理不成功的原因(Docker安装版) 程序员迪迦 项目实战nginxdockerlinux
    问题背景在linux服务器中使用docker下载了Nginx，然后根据网上的教程来配置反向代理的时候发现80端口无法访问server块的配置server{listen80;server_name127.0.0.1;#access_log/var/log/nginx/host.access.logmain;location/{proxy_passhttp://127.0.0.1:8080;#inde
  • Jupyter使用Nginx做反向代理 syuszu nginx
    1.在/nginx/conf/nginx.conf上进行修改因为jupyter对于header有过滤，需要将header复制，实例如下:server{server_name127.0.0.1;#入口地址listen80;location/{proxy_passhttp://127.0.0.1:8888;#jupyter服务器地址proxy_set_headerHost$host;proxy_set
  • 文章发布第三篇 后端前端
    标题粗体斜体中划线段落引用第一个第二个第一个第二个百度privateStringaa=column1column2column3content1content2content3
  • 人工智能与机器学习入门：基尼系数（Gini Index）和基于熵（Entropy） 基尼系数基于熵机器学习入门
    在决策树应用一文中，在构建决策分类树应用决策算法时，介绍了基尼系数（GiniIndex）和基于熵（Entropy）两种算法。本文通过实例来更加深入的介绍一下这两个算法。仍然以简单的数据为例：id喜欢颜色是否有喉结身高性别1绿否165女2蓝是170男3粉否172女4绿是175男基尼系数分别对喜欢颜色是否有喉结求基尼系数如下：喜欢的颜色id喜欢颜色性别1绿女2蓝男3粉女4绿男对于姓别女分类而言，数据如
  • 简易java调用DeepSeek Api教程 m0_62519278 学习小本本java数据库开发语言
    一、请求格式首先观察官方文档给出的访问api的样例脚本curlhttps://api.deepseek.com/chat/completions\-H"Content-Type:application/json"\-H"Authorization:Bearer"\-d'{"model":"deepseek-chat","messages":[{"role":"system","content":"
  • 总结10个Python赚钱的接单平台 兼职月入5000+ begefefsef 面试学习路线阿里巴巴android前端后端
    前言“如果说当下什么编程语言最靠谱或者比较适合搞副业？”答案肯定100%是：Pythonpython是所有语法中最简单易上手的语言，不需要特别的的英语词汇量，逻辑思维也不需要很差就能上手。而且学会了之后就能编写代码爬取各种数据，制作各种图表，提升工作效率。而且还能利用业余时间接点私活，一个月轻松收入过万不是问题，这样的生活他不香吗？今天就给大家盘点几个基本入门接私活的资源，让你轻松学python，
  • 数据挖掘十大经典算法详解（附原理解析与代码示例） IT程序媛-桃子 华为认证数据挖掘算法经验分享华为
    1.PageRank（链接分析）应用场景：搜索引擎排名、社交网络分析核心原理PageRank通过网页之间的链接关系计算网页的重要性，影响力大的网页排名更高。网页影响力=所有入链页面的加权影响力之和阻尼因子D（通常设为0.85）用于模拟用户随机访问网页的行为代码示例importnetworkxasnxG=nx.DiGraph()G.add_edges_from([("A","B"),("A","C"
  • 【练习】【二分】力扣热题100 34. 在排序数组中查找元素的第一个和最后一个位置 柠石榴 输入输出力扣hot100leetcode算法c++二分
    题目给你一个按照非递减顺序排列的整数数组nums，和一个目标值target。请你找出给定目标值在数组中的开始位置和结束位置。如果数组中不存在目标值target，返回[-1,-1]。你必须设计并实现时间复杂度为O(logn)的算法解决此问题。示例1：输入：nums=[5,7,7,8,8,10],target=8输出：[3,4]示例2：输入：nums=[5,7,7,8,8,10],target=6输出
  • EasyX安装及使用 于冬恋 java开发语言
    安装链接：EasyXGraphicsLibraryforC++安装完成包含头文件graphics.h即可使用RGB合成颜色（红色部分，绿色部分，蓝色部分）每种颜色的值都是（0~255）坐标默认的原点在窗口的左上角，x轴向右为正，y轴向下为正，度量单位是像素点。设备：简单来说就是绘图表面（在EasyX中，设备分为两种，一种是默认的绘图窗口，一种是IMAGE对象。通过SetWorkinglmage()
  • 深入了解 CDN：概念、原理、过程、作用及工作场景 羊村懒哥 网络网络加速缓存
    目录一、CDN的概念二、CDN的工作原理三、CDN的工作过程四、CDN的作用五、CDN可结合使用的技术六、CDN能够解决的网络问题七、CDN的工作场景在当今互联网飞速发展的时代，用户对于网页加载速度和内容获取的时效性要求越来越高。CDN（ContentDeliveryNetwork，⭐内容分发网络）应运而生，它在提升网络性能和用户体验方面发挥着关键作用。本文将详细介绍CDN的概念、工作原理、工作过
  • vue3-video-play 插件在 Vue 3 项目上的应用 放逐者-保持本心，方可放逐 vue3应用vue.js前端javascriptvue3-video-play
    文章目录vue3-video-play插件在Vue3项目上的应用一、插件简介二、插件安装三、插件组件应用示例1.局部引入组件2.全局引入组件四、需要注意的事项五、本地环境将`package.json`中`"module":"./dist/index.es.js"`改为`"module":"./dist/index.mjs"`问题解析探索问题描述原因分析解决方案格式及应用实例vue3-video-p
  • 集合框架 天子之骄 java数据结构集合框架
       集合框架 集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍：   Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi
  • Table Driven（表驱动）方法实例 bijian1013 javaenumTable Driven表驱动
    实例一： /** * 驾驶人年龄段 * 保险行业，会对驾驶人的年龄做年龄段的区分判断 * 驾驶人年龄段：01-[18,25);02-[25,30);03-[30-35);04-[35,40);05-[40,45);06-[45,50);07-[50-55);08-[55,+∞) */ public class AgePeriodTest { //if...el
  • Jquery 总结 cuishikuan javajqueryAjaxWebjquery方法
    1.$.trim方法用于移除字符串头部和尾部多余的空格。如：$.trim('   Hello   ') // Hello2.$.contains方法返回一个布尔值，表示某个DOM元素（第二个参数）是否为另一个DOM元素（第一个参数）的下级元素。如：$.contains(document.documentElement, document.body); 3.$
  • 面向对象概念的提出 麦田的设计者 java面向对象面向过程
            面向对象中，一切都是由对象展开的，组织代码，封装数据。   在台湾面向对象被翻译为了面向物件编程，这充分说明了，这种编程强调实体。       下面就结合编程语言的发展史，聊一聊面向过程和面向对象。      c语言由贝尔实
  • linux网口绑定 被触发 linux
    刚在一台IBM Xserver服务器上装了RedHat Linux Enterprise AS 4，为了提高网络的可靠性配置双网卡绑定。 一、环境描述 我的RedHat Linux Enterprise AS 4安装双口的Intel千兆网卡，通过ifconfig -a命令看到eth0和eth1两张网卡。 二、双网卡绑定步骤： 2.1 修改/etc/sysconfig/network
  • XML基础语法 肆无忌惮_ xml
    一、什么是XML？ XML全称是Extensible Markup Language，可扩展标记语言。很类似HTML。XML的目的是传输数据而非显示数据。XML的标签没有被预定义，你需要自行定义标签。XML被设计为具有自我描述性。是W3C的推荐标准。   二、为什么学习XML？ 用来解决程序间数据传输的格式问题 做配置文件 充当小型数据库   三、XML与HTM
  • 为网页添加自己喜欢的字体 知了ing 字体 秒表 css
    @font-face { font-family: miaobiao;//定义字体名字 font-style: normal; font-weight: 400; src: url('font/DS-DIGI-e.eot');//字体文件 } 使用： <label style="font-size:18px;font-famil
  • redis范围查询应用-查找IP所在城市 矮蛋蛋 redis
    原文地址： http://www.tuicool.com/articles/BrURbqV 需求 根据IP找到对应的城市 原来的解决方案 oracle表（ip_country）： 查询IP对应的城市： 1.把a.b.c.d这样格式的IP转为一个数字，例如为把210.21.224.34转为3524648994 2. select city from ip_
  • 输入两个整数， 计算百分比 alleni123 java
    public static String getPercent(int x, int total){ double result=(x*1.0)/(total*1.0); System.out.println(result); DecimalFormat df1=new DecimalFormat("0.0000%");
  • 百合——————>怎么学习计算机语言 百合不是茶 java 移动开发
        对于一个从没有接触过计算机语言的人来说，一上来就学面向对象，就算是心里上面接受的了，灵魂我觉得也应该是跟不上的，学不好是很正常的现象，计算机语言老师讲的再多，你在课堂上面跟着老师听的再多，我觉得你应该还是学不会的，最主要的原因是你根本没有想过该怎么来学习计算机编程语言，记得大一的时候金山网络公司在湖大招聘我们学校一个才来大学几天的被金山网络录取，一个刚到大学的就能够去和
  • linux下tomcat开机自启动 bijian1013 tomcat
    方法一： 修改Tomcat/bin/startup.sh 为: export JAVA_HOME=/home/java1.6.0_27 export CLASSPATH=$CLASSPATH:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:. export PATH=$JAVA_HOME/bin:$PATH export CATALINA_H
  • spring aop实例 bijian1013 javaspringAOP
    1.AdviceMethods.java package com.bijian.study.spring.aop.schema; public class AdviceMethods { public void preGreeting() { System.out.println("--how are you!--"); } } 2.beans.x
  • [Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization bit1129 serialization
    enableComplexMapKeySerialization配置项的含义  Gson在序列化Map时，默认情况下，是调用Key的toString方法得到它的JSON字符串的Key，对于简单类型和字符串类型，这没有问题，但是对于复杂数据对象，如果对象没有覆写toString方法，那么默认的toString方法将得到这个对象的Hash地址。   GsonBuilder用于
  • 【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题 bit1129 Stream
    包括Spark Streaming在内的实时计算数据可靠性指的是三种级别： 1. At most once，数据最多只能接受一次，有可能接收不到 2. At least once, 数据至少接受一次，有可能重复接收 3. Exactly once  数据保证被处理并且只被处理一次，   具体的多读几遍http://spark.apache.org/docs/lates
  • shell脚本批量检测端口是否被占用脚本 ronin47
    #!/bin/bash cat ports |while read line do#nc -z -w 10 $line nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then echo $line:ok else echo $line:fail fi done 这里的ports 既可以是文件
  • java-2.设计包含min函数的栈 bylijinnan java
    具体思路参见：http://zhedahht.blog.163.com/blog/static/25411174200712895228171/ import java.util.ArrayList; import java.util.List; public class MinStack { //maybe we can use origin array rathe
  • Netty源码学习-ChannelHandler bylijinnan javanetty
    一般来说，“有状态”的ChannelHandler不应该是“共享”的，“无状态”的ChannelHandler则可“共享” 例如ObjectEncoder是“共享”的, 但 ObjectDecoder 不是 因为每一次调用decode方法时，可能数据未接收完全（incomplete）， 它与上一次decode时接收到的数据“累计”起来才有可能是完整的数据，是“有状态”的 p
  • java生成随机数 cngolon java
    方法一： /** * 生成随机数 * @author [email protected] * @return */ public synchronized static String getChargeSequenceNum(String pre){ StringBuffer sequenceNum = new StringBuffer(); Date dateTime = new D
  • POI读写海量数据 ctrain 海量数据
    import java.io.FileOutputStream; import java.io.OutputStream; import org.apache.poi.xssf.streaming.SXSSFRow; import org.apache.poi.xssf.streaming.SXSSFSheet; import org.apache.poi.xssf.streaming
  • mysql 日期格式化date_format详细使用 daizj mysqldate_format日期格式转换日期格式化
    日期转换函数的详细使用说明  DATE_FORMAT(date,format) Formats the date value according to the format string. The following specifiers may be used in the format string. The&n
  • 一个程序员分享8年的开发经验 dcj3sjt126com 程序员
      在中国有很多人都认为IT行为是吃青春饭的，如果过了30岁就很难有机会再发展下去!其实现实并不是这样子的，在下从事.NET及JAVA方面的开发的也有8年的时间了，在这里在下想凭借自己的亲身经历，与大家一起探讨一下。 明确入行的目的 很多人干IT这一行都冲着“收入高”这一点的，因为只要学会一点HTML, DIV+CSS，要做一个页面开发人员并不是一件难事，而且做一个页面开发人员更容
  • android欢迎界面淡入淡出效果 dcj3sjt126com android
    很多Android应用一开始都会有一个欢迎界面，淡入淡出效果也是用得非常多的，下面来实现一下。 主要代码如下： package com.myaibang.activity; import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.os.CountDown
  • linux 复习笔记之常见压缩命令 eksliang tar解压linux系统常见压缩命令linux压缩命令tar压缩
    转载请出自出处:http://eksliang.iteye.com/blog/2109693 linux中常见压缩文件的拓展名 *.gz gzip程序压缩的文件 *.bz2 bzip程序压缩的文件 *.tar tar程序打包的数据，没有经过压缩 *.tar.gz tar程序打包后，并经过gzip程序压缩 *.tar.bz2 tar程序打包后，并经过bzip程序压缩 *.zi
  • Android 应用程序发送shell命令 gqdy365 android
    项目中需要直接在APP中通过发送shell指令来控制lcd灯，其实按理说应该是方案公司在调好lcd灯驱动之后直接通过service送接口上来给APP，APP调用就可以控制了，这是正规流程，但我们项目的方案商用的mtk方案，方案公司又没人会改，只调好了驱动，让应用程序自己实现灯的控制，这不蛋疼嘛！！！！ 发就发吧！ 一、关于shell指令： 我们知道，shell指令是Linux里面带的
  • java 无损读取文本文件 hw1287789687 读取文件无损读取读取文本文件charset
    java 如何无损读取文本文件呢？ 以下是有损的 @Deprecated public static String getFullContent(File file, String charset) { BufferedReader reader = null; if (!file.exists()) { System.out.println("getFull
  • Firebase 相关文章索引 justjavac firebase
    Awesome Firebase 最近谷歌收购Firebase的新闻又将Firebase拉入了人们的视野，于是我做了这个 github 项目。 Firebase 是一个数据同步的云服务，不同于 Dropbox 的「文件」，Firebase 同步的是「数据」，服务对象是网站开发者，帮助他们开发具有「实时」（Real-Time）特性的应用。 开发者只需引用一个 API 库文件就可以使用标准 RE
  • C++学习重点 lx.asymmetric C++笔记
    1.c++面向对象的三个特性：封装性，继承性以及多态性。   2.标识符的命名规则：由字母和下划线开头，同时由字母、数字或下划线组成；不能与系统关键字重名。   3.c++语言常量包括整型常量、浮点型常量、布尔常量、字符型常量和字符串性常量。   4.运算符按其功能开以分为六类：算术运算符、位运算符、关系运算符、逻辑运算符、赋值运算符和条件运算符。 &n
  • java bean和xml相互转换 q821424508 javabeanxmlxml和bean转换java bean和xml转换
    这几天在做微信公众号 做的过程中想找个java bean转xml的工具，找了几个用着不知道是配置不好还是怎么回事，都会有一些问题， 然后脑子一热谢了一个javabean和xml的转换的工具里，自己用着还行，虽然有一些约束吧 ， 还是贴出来记录一下      顺便你提一下下，这个转换工具支持属性为集合、数组和非基本属性的对象。   packag
  • C 语言初级 位运算 1140566087 位运算c
    第十章 位运算   1、位运算对象只能是整形或字符型数据，在VC6.0中int型数据占4个字节   2、位运算符： 运算符 作用 ~ 按位求反 << 左移 >> 右移 & 按位与 ^ 按位异或 | 按位或 他们的优先级从高到低；   3、位运算符的运算功能： a、按位取反： ~01001101 = 101
  • 14点睛Spring4.1-脚本编程 wiselyman spring4
    14.1 Scripting脚本编程 脚本语言和java这类静态的语言的主要区别是:脚本语言无需编译,源码直接可运行; 如果我们经常需要修改的某些代码,每一次我们至少要进行编译,打包,重新部署的操作,步骤相当麻烦; 如果我们的应用不允许重启,这在现实的情况中也是很常见的; 在spring中使用脚本编程给上述的应用场景提供了解决方案,即动态加载bean; spring支持脚本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他