1

データラベル付きの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>

次に、2 行目の data-label を手動で変更-999する0と、次のように表示されます。

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

ここに画像の説明を入力

ただし、次のライブ データが到着すると、 に変わりますtransform="translate(0, -999)"。
データ ラベルのオフセットを修正する方法はありますか?
また、他の解決策にも感謝します。

4

1 に答える 1

0

Pawel Fusが言ったように、ここから最新バージョンのHighchartsを使用することで問題が解決しました

于 2014-01-13T13:19:31.853 に答える