2014-01-12 229 views
1

我使用highchart來顯示帶有數據標籤的vu表。圖表顯示並正確處理來自數據庫的實時數據,但我有問題需要在正確的位置顯示數據標籤。 我試過cropoverflow選項,因爲它說here但它不適合我。
enter image description here
這裏爲i從debuger捕獲的代碼:VU表:數據標籤不顯示在其位置

<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> 

然後,當我手動在第二行的數據標誌改變-9990如下所示:

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

enter image description here

但是,當下一個活動數據到達時,它將更改爲transform="translate(0, -999)"
有什麼辦法可以修復數據標籤的偏移量嗎?
我也很感激任何其他解決方案。

+1

重新創建問題上的jsfiddle,請。另外請確保你有最新版本的Highcharts(3.0.8)。 [這裏](https://github.com/highslide-software/highcharts.com/search?q=gauge+datalabel&ref=cmdform&type=Issues)是一個帶有標準數據標籤位置的錯誤列表。 –

+0

@PawełFus我創建了小提琴:http://jsfiddle.net/G5UUn/,它的作品很不錯。所以我的問題是使用Highcharts 3.0.7版本 – osyan

回答

0

由於Pawel Fus說,這個問題通過使用最新版本的Highcharts的解決從here