使用highcharts来建立多轴时间序列图

实现效果如图的timeseries chart，一些概念在图上做了标注。

有几个特点：

1.多个Y轴，两个、三个数量不限，均匀地垂直排列，每个轴只有一条数据线

2.共享X轴，X轴是时间轴，同时crosshair可以在多个轴上同步移动

3.支持plot band，就是半透明的带状图形，可以从第三个维度表示一段时间的某种状态，在开始结束的地方有flag。

highcharts的配置是一个JS对象，属性非常多，但是层级概念很清晰，文档比较容易阅读查找，相信任何人用一段时间就可以很快上手。

大体上讲，配置包括整个chart的，比如height、width、margin等，然后是坐标轴的，比如title、range，进一步是具体图形的配置。图形series的配置有3级：plotOptions.series配置所有series的通用属性；每个类型的series在具体类型的配置属性中，比如plotOptions.area；具体某一个series的配置可以放到series数组中。具体的配置能够覆盖掉通用的配置。

其实上面的前两个特性在hightcharts的一个叫synchronized-charts的