实现效果如图的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的