1
我使用highchart來顯示帶有數據標籤的vu表。圖表顯示並正確處理來自數據庫的實時數據,但我有問題需要在正確的位置顯示數據標籤。 我試過crop
和overflow
選項,因爲它說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:"Lucida Grande", "Lucida Sans Unicode", 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)"
。
有什麼辦法可以修復數據標籤的偏移量嗎?
我也很感激任何其他解決方案。
重新創建問題上的jsfiddle,請。另外請確保你有最新版本的Highcharts(3.0.8)。 [這裏](https://github.com/highslide-software/highcharts.com/search?q=gauge+datalabel&ref=cmdform&type=Issues)是一個帶有標準數據標籤位置的錯誤列表。 –
@PawełFus我創建了小提琴:http://jsfiddle.net/G5UUn/,它的作品很不錯。所以我的問題是使用Highcharts 3.0.7版本 – osyan