hightcharts和hightstock不可融合使用

       

        如上两张图，实际上是同一个用hightcharts绘制的图表（总体概况图表），因为设置了height，使图表出现滚动条，致使Y轴被遮挡，只有当滚动条滑动至底部时才能看见。

        在看到hightstock时发现hightstock彷佛没有这样的问题，两种绘图插件是同一家公司出品，因而想将两种绘图插件融合使用；可是经研究测试，两种绘图插件没法融合使用。

    1. 总体概况图表里无法将hightcharts和hightstock合起来用，两种绘图函数写法分别是$div.highcharts(conf),和$div.highcharts('StockChart',conf)。

        2. hightstock要求提供的数据x轴是时间戳，能够选择显示以“分钟、小时、周、年”等为单位的统计数据，之因此不会出现Y轴被遮挡的状况是由于，每次选择显示必定时间范围内的数据时，它都会筛选出该范围的数据从新绘图。

        3. 此外，若是给hightstock设置height出现滚动条的话也是会出现Y轴被遮挡的状况的；hightstock本身绘制出的选择范围用的滚动条只能拖动，不能用鼠标滚动。

        4. 而总体概况图里的x轴是基金名称，不符合hightstock对数据的要求，处理不了，Highstock是用股piao图表控件，能够用来开发股piao走势或大数据量的时间轴图表，官网提供的案例全都和时间有关，应该是对时间有硬性要求。

        5. 不管是hightcharts仍是hightstock都不提供x轴或Y轴的浮动参数设置，只有偏移参数设置。

        6. 我考虑了两种替代方案，一种是翻页方式，多个基金分红几个页面绘图，每次选择页面都从新绘图；另外一种是单独写一段js脚本控制Y轴位置，经过侦听图表内的滚动事件来调用。只是这两种方案在须要打印的图表中不太适用。