Как добавить дополнительные слезы (галочки) в хайчарты?

HIGH CHARTS

В дополнение к этому вопросу я хотел бы задать еще один вопрос здесь в этой теме.

Как добавить дополнительные разрывы (галочки), чтобы зеленая полоса dataLabel оставалась внутри области построения, а скорее выходила за пределы области построения или скрывалась. JSFIDDLE


person Jeffrin John    schedule 14.08.2017    source источник
comment
Я не понял Как добавить дополнительные слезы(галочки)   -  person Deep 3015    schedule 14.08.2017
comment
Это неправильный способ, но все же работает. Установить высоту тележки. проверьте jsfiddle.net/qr9xrLdj   -  person Deep 3015    schedule 14.08.2017
comment
Посмотрел ваше обновление. Я не могу изменить высоту диаграммы. Я динамически генерирую значения, и они продолжают меняться. Я не мог каждый раз менять высоту. Если вы можете предложить мне любую другую идею, пожалуйста? @Deep3015   -  person Jeffrin John    schedule 15.08.2017


Ответы (2)


Есть много способов сделать это. Но самый быстрый — добавить максимальное значение к yAxis с помощью yAxis.max.

yAxis: {
        allowDecimals: false,
        max: 6000
    },

Вот рабочий пример: jsFiddle.

ИЛИ

Вы можете использовать комбинацию yAxis.tickAmount и yAxis.tickInterval примерно так;

yAxis: {
        allowDecimals: false,
        tickAmount: 10,
        tickInterval: 1000
    },

Вот рабочий пример: jsFiddle.

person Emre Bolat    schedule 15.08.2017

Помимо установки нового максимального свойства или попытки другой комбинации тиков, вы можете просто установить свойство overflow со значением «none» и crop со значением false. Таким образом, вы можете отображать метки данных за пределами области графика.

Справочник по API:
http://api.highcharts.com/highcharts/plotOptions.series.dataLabels.overflow
http://api.highcharts.com/highcharts/plotOptions.series.dataLabels.crop

Пример:
http://jsfiddle.net/2qtpx0rL/

person pawel_d    schedule 15.08.2017