Сделать диаграмму пороговой линии диаграммы диаграммы высокого ранга видимыми и ярлыками, чтобы они не перекрывались друг с другом

Question

У меня есть диаграмма торнадо, созданная с использованием форм-брейков Highcharts. Я установил пороговое значение, и с обеих сторон есть низкие и высокие бары.

Теперь мне нужно сделать видимым пороговую линию. У меня также проблема с перекрытием меток, когда высокие, низкие и базовые значения равны.

JSFiddle Ссылка: http://jsfiddle.net/xe7qL156/

Пожалуйста, помогите мне решить эту проблему. Благодарю.

series: [{ 
     threshold: 29.5, 
     name: 'Low', 
     grouping: false, 
     type: 'bar', 
     data: [{ 
      x: 0, 
      y: 12.15, 
     }, { 
      x: 1, 
      y: 15.45, 
     }, { 
      x: 2, 
      y: 31.25, 
     }, { 
      x: 3, 
      y: 12.15, 
     }], 
     labels: [10, 5, 1, 2] 
    }, { 
     threshold: 29.5, 
     name: 'High', 
     grouping: false, 
     type: 'bar', 
     data: [{ 
      x: 0, 
      y: 46.86, 
     }, { 
      x: 1, 
      y: 42.28, 
     }, { 
      x: 2, 
      y: 27.77, 
     }, { 
      x: 3, 
      y: 46.86, 
     }], 
     labels: [30, 10, 3, 4] 
    }] 

Обновление: вот макете образ того, что мне нужно

Answer 1

Я не 100% уверен, что вы хотите, но я думаю, что вы хотите вертикальную линию overthe баров на 29,5 позиции?

Если да, то вы можете сделать это с другой серии:

series: [ 
    {type:'line',color:'black',zIndex:505,data:[[0,29.5],[4,29.5]]}, 

http://jsfiddle.net/fsbqnw7m/

В качестве альтернативы, вы можете использовать средства визуализации API, чтобы нарисовать линию, куда вы хотите. http://api.highcharts.com/highcharts#Renderer

Answer 2

Строка может быть добавлена ​​также как plotLine в частности.