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

У меня есть диаграмма торнадо, созданная с использованием гистограмм из 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]
    }]

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


person Thilak    schedule 22.10.2014    source источник


Ответы (2)


Я не уверен на 100%, что вы хотите, но я думаю, вам нужна вертикальная линия над полосами в позиции 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

person SteveP    schedule 23.10.2014
comment
Я добавил макет изображения того, что мне нужно. Пожалуйста, взгляните на это. - person Thilak; 24.10.2014
comment
Затем просто отредактируйте второе значение x для этой строки, см.: jsfiddle.net/fsbqnw7m/1 - person Paweł Fus; 24.10.2014
comment
@PawełFus: мне нужно что-то вроде макета. Я не хочу, чтобы он остановился между баром. Спасибо - person Thilak; 24.10.2014

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

person Sebastian Bochan    schedule 23.10.2014