2013-11-18 5 views
0

У меня вопрос о перекрывающихся ярлыках данных на высоком планшете. У меня есть 2 серии данных сплайнов, и, как вы можете видеть здесь, http://jsfiddle.net/3E8V4/ некоторые метки данных перекрываются.Highcharts spline dataLabels, перекрывающиеся

Вопрос: это перекрытие даже возможно предотвратить? Если да - как мне это сделать?

Код для plotoptions такова:

plotOptions: { 
      spline: { 
       dataLabels: { 
        enabled: 'True', 
        crop: false, 
        overflow: 'none' 
       }, 
       enableMouseTracking: false 
      } 
     }, 

Tnx за любую информацию

ответ

0

Sóbis,

Я не имею ответ, что это именно то, что вы ожидаете.

В этом случае то, что я сделал бы, это увеличить максимум yAxis на 10% от максимального значения данных. обеспечивают увеличение/уменьшение масштаба изображения. что позволит пользователю получить значения на вершине точек

zoomType: 'xy' 

здесь является примером http://jsfiddle.net/3E8V4/1/

надеюсь, что вы найдете его полезным

+0

Я бы хотел, чтобы на данных 2., 3. и 5. были получены данные о том, что один из сплайнов будет иметь метку данных над собой, а один ниже. На втором узле, например, в этом случае значение 70 будет ниже синей линии и 73,33 выше (например, сейчас). В пятом узле это будет наоборот - черный 98.31 ниже и синий выше. Чтобы метки данных не перекрывались, и было бы ясно видеть. – Sobis

3

Вы можете использовать этот плагин для перерегулировку положения dataLabels: http://jsfiddle.net/menXU/1/ Это не идеально, так как работает только для макс. 2-й серии и требует отключенной анимации, или вы увидите небольшую задержку при перемещении dataLabels.

Как использовать? Скопируйте StaggerDataLabels и isLabelOnLabel, а затем используйте StaggerDataLabels в событиях загрузки и перерисовывания для диаграммы.

Смежные вопросы