Диаграмма площади выглядит плоской, потому что ось Y начинается с 0

Question

Диаграмма площади выглядит плоской из-за того факта, что ось Y всегда начинается с 0 по сравнению с линейным графиком, который в тех же данных использует своего рода автоподгонку.

Plunkr

Я бы хотел, чтобы автоматическая подгонка на диаграмме области работала на линейной диаграмме по умолчанию.

(Using yAxis[0].setExtremes is not an option really).

Есть ли какая-либо конфигурация для этого?

Answer 1

Вы можете достичь этого, установив xAxis.min свойство так:

  yAxis: {
    min: 10000,
    labels: {
      formatter: function() {
        return this.value / 1000 + 'k';
      }
    }
  }

Демо:

• https://jsfiddle.net/BlackLabel/Layfnuz4/

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

• https://api.highcharts.com/highcharts/xAxis.min

---

Второй подход - установить plotOptions.area.threshold

  plotOptions: {
    area: {
      threshold: 10000,
      marker: {
        enabled: false,
        symbol: 'circle',
        radius: 2,
        states: {
          hover: {
            enabled: true
          }
        }
      }
    }
  }

Демо-версия:

• https://jsfiddle.net/BlackLabel/r7qc1jpk/

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

• https://api.highcharts.com/highcharts/series.area.threshold

---

EDIT

Автоматический подход: установите series.area.softThreshold = true как у серии линий.

  series: [{
    softThreshold: true,
    name: 'Data',
    data: data
  }]

Демо:

• https://jsfiddle.net/BlackLabel/8uj3kz4a/

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

• https://api.highcharts.com/highcharts/series.area.softThreshold