这是学习Java以来第一次写自己的博客，最近的学习很忙。由于自己有较为明确的目标，所以非常学习起来还算轻松。
最近总结了一些学习方法：
首先对于时间的安排放在第一位，有效的学习1小时胜过无效学习3小时。--学习时间安排
然后对于学习内容的理解，这里感觉梳理学习内容结构是非常必要的。一个合理的知识架构图能够让你轻松的掌握所学习的内容--知识结构图
最后在做项目时注意，先利用时间来分析项目，制作一份好的项目分析书和思维脑图。这样能够有利于你在项目中的逻辑分析
，合理运用百度脑图--项目结构分析
<-----------------------------------------------------------今天学习内容--------------------------------------------->
今天在做项目时需要用数据图，找到了Highchars对其进行处理，所以学习一下；
首先它支持曲线图，区域图，饼图，散点图，热点图，树状图等等，所以运用范围很广值得学习；
Highcharts要与 jQuery 结合使用，所以在加载 Highcharts 前必须先加载 jQuery 库。
并在html页面引入jQuery；
使用BootCDN静态资源库加载；
<script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>安装Highcharts包
1、访问 highcharts.com 下载 Highcharts 包。
<script src="/highcharts/highcharts.js"></script>
2、使用官方提供的 CDN 地址：http://code.highcharts.com/highcharts.js
<script src="http://code.highcharts.com/highcharts.js"></script>
使用：
Ⅰ 在HTML页面中引用jQuery和highcharts
Ⅱ 在body中
<div id="Month" style="width: 550px; height: 400px; margin: 0 auto"></div>这个div是用来存放highcharts绘制的图标，ID为Month
Ⅲ 写配置文件：
图表的标题
var title = { text: '周平均气温' };图表的副标题
var subtitle = { text: '最高气温：39，最低气温：21' };X轴数据：
var xAxis={ categorise:['1','2','3','4','5','6','7'] ｝Y轴数据：先配置要在Y轴显示的项：title是y轴标题，plotLines是标示线的属性
var yAxis = { title: { text: '单位(℃)' }, plotLines: [{ value: 0,// width: 1,//标示线宽度 color: '#808080' //标示线颜色 }] };提示信息：
var tooltip = { valueSuffix: '℃' }展示方式：
配置图表向右对齐
var legend = { layout: 'vertical', align: 'right', verticalAlign: 'middle', borderWidth: 0 };数据展示：
每个｛｝都是一条曲线，name为曲线名称，data是曲线的数据（数组形式）
var series = [ { name: 'MAX', data: [32,33,36,35,34,37,38] }, { name: 'MIN', data: [22,28,20,27,21,25,28] }]Ⅳ 写配置信息：
var json = {}; json.title = title; json.subtitle = subtitle; json.xAxis = xAxis; json.yAxis = yAxis; json.tooltip = tooltip; json.legend = legend; json.series = series; $('#Month').highcharts(json);写到这里Highcharts里最简单的曲线图就算初步完成：
全部代码：格式有点难看！！！
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>HuangTest试验页面</title> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="http://code.highcharts.com/highcharts.js"></script> </head> <body> <div id="Month" style="width: 700px; height: 400px; margin: 0 auto;"></div> <script language="JavaScript"> $(document).ready(function(){ var title ={ text:'周平均气温' }; var subtitle={ text:'最高气温：39，最低气温：21' }; var xAxis={ categorise:['1','2','3','4','5','6','7'] }; var yAxis={ title:{ text:'单位(℃)' }, plotLines:[ { value:4, width:1, color:'#808080' }] }; var tooltip={ valueSuffix:'℃' }; var legend = { layout: 'vertical', align: 'right', verticalAlign: 'middle', borderWidth: 0 }; var series=[ { name:'MAX', data:[32,33,36,35,34,37,38] }, { name:'MIN', data:[22,28,20,27,21,25,28] } ] var json={}; json.title=title; json.subtitle=subtitle; json.xAxis=xAxis; json.yAxis=yAxis; json.tooltip=tooltip; json.legend=legend; json.series=series; $('#Month').highcharts(json); }) </script> </body></html>
