Начать ось х с минимального значения - PullRequest
0 голосов
/ 13 марта 2020

Я пытаюсь установить начало рисования данных столбца с минимального значения, но не могу понять, как это сделать. То есть ось начинается со значения -43, а не с 0 (см. Скриншоты).

что у меня есть

Я хочу получить что-то вроде это:

что я хочу

  chart: {
    renderTo: 'container',
    backgroundColor: 'transparent'
  },
  tooltip: {
    formatter() {
      return `${moment(this.x).format('MMM DD')}: ${this.y.toFixed(2)}`;

    }
  },
  plotOptions: {
    column: {
      pointStart: -50,
      dataLabels: {
        enabled: true,
        format: '{point.y:.2f}'
      }
    }
  },
  title: {
    text: ''
  },
  yAxis: {
    plotLines: [{
      zIndex: 1,
      color: '#5c5c5c',
      value: 0,
      width: 3,
    }],
    title: {
      text: ''
    }
  },
  xAxis: {
    gridLineWidth : 1,
    labels: {
      formatter() {
        return moment(this.value).format('MMM DD');
      }
    }
  },
  legend: {
    enabled: false
  },
  series: [{
    data: [...this.monthData.resultByDays.map(res => [res.date, res.result])],
    type: 'column'
  }]

1 Ответ

0 голосов
/ 13 марта 2020

Я думаю, что хорошим подходом будет использование ряда columnrange, а не basi c column. В столбце может быть указан диапазон, с которого может начинаться точка.

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

И код для скрытия метки данных '-60':

dataLabels: {
  enabled: true,
  formatter() {
    if(this.y === -60) {
        return false
    } else {
        return this.y
    }
  }
}

API: https://api.highcharts.com/highcharts/plotOptions.columnrange

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...