VU表:数据标记没有显示在它的位置上

Question

我使用高图显示数据标签的vu表.图表显示和正确工作与现场数据从数据库，但我有问题，以显示数据标签在正确的位置。我已经尝试过crop和overflow选项，就像它说的这里，但是它对我没有用。

下面是我从调试器中捕获的代码：

<g class="highcharts-data-labels" visibility="visible" zIndex="2" transform="translate(10,40) scale(1 1)">
  <g zIndex="1" style="cursor:default;" transform="translate(0,-999)">
    <rect rx="3" ry="3" fill="url(#highcharts-3)" x="0.5" y="0.5" width="55" height="21" stroke="silver" stroke-width="1"></rect>
    <text x="3" y="15" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#666;line-height:14px;fill:#666;" zIndex="1">
       <tspan style="fill:#339" x="3">0.96 ^H</tspan>
    </text>
  </g>
</g>

然后，当我在第二行中手动将-999更改为0时，数据标签显示如下：

<g zIndex="1" style="cursor:default;"transform="translate(0,0)">

​

然而，当下一个实时数据到达时，它将更改为transform="translate(0, -999)"。

有什么方法可以修复数据标签的偏移量吗？

我也会感谢任何其他的解决方案。

Answer 1

正如帕维尔·弗斯所说，这个问题是通过使用这里最新版本的高级图表来解决的。