Устранить разрыв в конце диапазона значений в Highchart Bulletchart? - PullRequest
Новая
       15

Устранить разрыв в конце диапазона значений в Highchart Bulletchart?

0 голосов
/ 10 апреля 2019

Я хочу показать последнее значение полосы графика (225) как максимальное значение по оси x. На рисунке вы можете увидеть максимальное значение по оси x, равное 300, поэтому и создается разрыв. Я хочу показать сюжет максимальное значение 225 как максимальное значение по оси х. Таким образом, разрыв устранит. enter image description here

Highcharts.chart('container1', {
chart: {
    marginTop: 20,
    width: 225,
    height: 80
},
title: {
    text: ''
},
xAxis: {
    categories: ['<span class="hc-cat-title">Revenue</span><br/>']
},
yAxis: {
    plotBands: [{
        from: 0,
        to: 132,
        color: '#666'
    }, {
        from: 132,
        to: 157.7,
        color: '#999'
    }, {
        from: 157.7,
        to: 225,
        color: '#bbb'
    }],
    title: null
},
series: [{
    data: [{
        y: 225,
        target: 157.7
    }]
}],
tooltip: {
    pointFormat: '<b>{point.y}</b> (with target at {point.target})'
}

});

Jsfiddle: Пуля Диаграмма

1 Ответ

1 голос
/ 10 апреля 2019

Вам необходимо установить свойство max и отключить параметр endOnTick: 

yAxis: {
    ...,
    max: 225,
    endOnTick: false
},

Демонстрационная версия: https://jsfiddle.net/BlackLabel/je7ocpnh/

Справочник по API:

https://api.highcharts.com/highcharts/yAxis.max

https://api.highcharts.com/highcharts/yAxis.endOnTick

...