DimpleJS工具提示的虚线未绘制到X轴

时间:2016-06-25 18:25:33

标签: javascript d3.js charts dimple.js

当鼠标悬停在由DimpleJS渲染的图表中的数据点上时显示的工具提示,在朝向X轴的行的情况下,反向运行。

请检查这个小提琴,看看行为: JSFIDDLE CODE DEMO URL

步骤 - 1.将鼠标悬停在任何数据点上。例如,对应于此的绿色:

 {'Date': '09-03-2013', 'Views': 'c', 'Owner':'Gamma','Rating':'**'}

在上述情况下,就像我们悬停时一样,创建了两条虚线,一条朝向X轴,另一条朝向Y轴。朝向Y轴的那条线如预期的那样前进并与轴线相交,而X轴的虚线实际上是朝顶部绘制而不是朝向底部以与X轴线相交。

这个小提琴上没有任何代码更改对我有用。尝试使用Chrome和Firefox,同样的行为。

注意:这不是我的小提琴代码,但是我很接近它并且我看到了同样的行为。

为什么虚线不会朝向X轴?

1 个答案:

答案 0 :(得分:0)

为什么使用dimple.js的1.1.1版本?当我更新到最新的2.2.0时,它开始正常工作。

<script src="http://dimplejs.org/dist/dimple.v2.2.0.min.js"></script>

演示:http://jsfiddle.net/LukaszWiktor/y1Lvq4bq/