1
Я использую highchart для отображения счетчика vu с меткой данных. Отображение диаграммы и правильная работа с данными из базы данных, но у меня проблема с отображением метки данных в правильном положении. Я пробовал crop и overflow опции, как он сказал here, но это не сработало для меня.
Вот код, я захватил из Debuger:VU meter: datalabel не отображается в его положении
<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) - это список ошибок с калибровочной позицией dataLabel. –
@ PawełFus я создаю скрипку: http://jsfiddle.net/G5UUn/, и это работает хорошо. поэтому моя проблема заключалась в использовании Highcharts версии 3.0.7 – osyan