#Highcharts
学习Highcharts（二）从示例中认识Highcharts
从“学习Highcharts（一）”就开始构思这篇文章。一直希望做个DEMO页面，可以形象、直观的介绍Highcharts的各个组件并展示示例。趁着公司培训，终于有了机会把它做出来。
Highcharts的主要组件有：title（标题）、legend（图例）、axis（坐标轴）、tooltip（提示框）、series（数据列）。点击下方DEMO中对应标签可看到相应组件的动画演示
学习Highcharts（一）——什么是Highcharts
我们需要一份好看的报表——从需求出发
假设你有一份几个城市过去一年月降水量的数据，你可以像下面这样列给你的客户或老板看：
| 月份 | Jan | Feb | Mar | Apr | May | Jun | Jul | Aug | Sep | Oct | Nov | Dec |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Tokyo | 49.9 | 71.5 | 106.4 | 129.2 | 144 | 176 | 135.6 | 148.5 | 216.4 | 194.1 | 95.6 | 54.4 |
| New York | 83.6 | 78.8 | 98.5 | 93.4 | 106 | 84.5 | 105 | 104.3 | 91.2 | 83.5 | 106.6 | 92.3 |
| London | 48.9 | 38.8 | 39.3 | 41.4 | 47 | 48.3 | 59 | 59.6 | 52.4 | 65.2 | 59.3 | 51.2 |
| Berlin | 42.4 | 33.2 | 34.5 | 39.7 | 52.6 | 75.5 | 57.4 | 60.4 | 47.6 | 39.1 | 46.8 | 51.1 |
看上去很整齐，表格也挺漂亮。可看到这密密麻麻的数据，客户或老板会不会有种想哭的冲动？
那如果换成下面这样呢？