Wijmo FlexChart指定位置创建LineMarker

登录

本帖最后由 jinwanshilaohu 于 2016-8-8 17:09 编辑

你好，
Wijmo FlexChart  Y轴在特定值有一条横线，效果如图片显示内容。
比如，纵坐标5000作为警戒值。在图表中Y值为5000处出现横线警戒线。

               // yの値を示す、水平線の付いたインタラクティブマーカーを作成します。
               var lm = new wijmo.chart.LineMarker(chart, {
                  lines: wijmo.chart.LineMarkerLines.Horizontal,
                  interaction: wijmo.chart.LineMarkerInteraction.None,
                  alignment: wijmo.chart.LineMarkerAlignment.Auto,
                  horizontalPosition: 1,
                  verticalPosition: ((5000 - chart.axisY.actualMax) / (chart.axisY.actualMax - chart.axisY.actualMin))
               });

此处verticalPosition: ((5000 - chart.axisY.actualMax) / (chart.axisY.actualMax - chart.axisY.actualMin))中chart.axisY.actualMax和chart.axisY.actualMin均为undefined。所以无法在指定位置创建该警戒线。
请问有什么好的办法么，谢谢。

Alice · Alice

horizontalPositon和verticalPosition的值的范围在0-1之间，你需要计算一个位置。

对于轴的最大值和最小值。如果设置min和max，就可以获取到最大值和最小值。如果是默认，最大值和最小值是从数据里自动计算出来的。所以如果你需要获取轴的最大值和最小值，只能通过去分析数据源的最大值和最小值，无法从轴中获取。

jinwanshilaohu · jinwanshilaohu

从数据源取出Y轴最大、最小值和要设定的警戒线位置计算得出来比例了。不过直接按照计算出来的比例设置警戒线位置仍不大准确，感觉跟LineMarker使用的DIV高度有关系么。经过试验，在计算出来的值后有0.2的差距。
不管怎么样。算是解决了。谢谢了。

Alice · Alice

jinwanshilaohu 发表于 2016-8-9 13:59
从数据源取出Y轴最大、最小值和要设定的警戒线位置计算得出来比例了。不过直接按照计算出来的比例设置警戒 ...

不客气。

我觉得如果要避免误差，最好给轴设置最大值和最小值（这个值你已经算出来了），这样可以消除误差。

		自动登录	找回密码
密码			立即注册

Wijmo FlexChart指定位置创建LineMarker

本帖子中包含更多资源

3 个回复

活字格认证

微信认证勋章

元老葡萄