高图最小/最大值未设置且图表未正确绘制

时间:2017-01-02 06:33:31

标签: jquery charts highcharts

我试图用min,max limit和tickAmount绘制高图。但是当它绘制最小值和最大值没有正确设置时,相反,滴答间隔被划分,一些最小/最大值由高图设置。

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div  id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

示例:http://jsfiddle.net/s2erv69n/

我的要求

Values can be positive or negative. 

Y轴应从某个值(轴的底部)开始:

找出所有10年中的最低值,然后将该值向下舍入到最接近的1%(例如-4.3%应为-5.0%)。

这个最低值应该是Y轴的起点(底部)(Y轴的第一个自动收报机)。

Y轴应该以某个值结束(轴的顶部):   找出所有10年中的最高值,然后将该值向上舍入到最接近的1%(例如12.5%应该是13.0%)。

这个最高值应该是Y轴的终点(顶部)(Y轴的最后一个自动收报机)。

Y轴上应始终有6个代码(5个间隔)。

澄清

  • 根据上述要求,示例已创建,并为主轴和辅助轴定义了最小/最大值。

  • 在这种情况下,范围是-1到17为什么它绘制在-8到32之间

  • 对于正值,其值为负,而负值min / max在轴上放错了

  • highchart是否支持tickAmount的动态min / max。

请建议我如何完成要求。

1 个答案:

答案 0 :(得分:1)

在主要Yaxis和次要Yaxis中添加tickPositions,而不是tickAmount

例如:http://jsfiddle.net/g21uyyjs/