HighCharts Мы не можем добавлять столбцы на оси Y как время

Question

Добавление фрагмента кода, который использует

Highcharts.chart('container', {
  chart: {
    type: 'bar'
  },
  title: {
    text: 'Stacked bar chart'
  },
  xAxis: {
    categories: ['M1']
  },
  yAxis: {
    type: 'datetime',
    min: 1420063200000,
    max: 1420063920000,
    title: {
      text: 'Total fruit consumption'
    }
  },
  legend: {
    reversed: true
  },
  plotOptions: {
    series: {
      stacking: 'normal'
    }
  },
  series: [{
    name: 'Idle',
    data: [1420063500000]
  }, {
    name: 'Idle1',
    data: [1420064200000]
  }]
});

<script src="https://code.highcharts.com/highcharts.js"></script>


<div id="container"></div>

Answer 1

Ваши данные выходят за пределы диапазона min и max. Значения: 1420063500000 и 1420064200000 складываются, что создает значение 2840127700000. Вы, вероятно, хотите использовать:

plotOptions: {
    series: {
        stacking: 'normal'
    }
},
series: [{
    name: 'Idle',
    data: [700000]
}, {
    name: 'Idle1',
    data: [1420063500000]
}]

---

Демонстрация в реальном времени: http://jsfiddle.net/BlackLabel/ncvk7pwt/

Справочник по API: https://api.highcharts.com/highcharts/series.bar.stacking

Answer 2

Вы добавили минимальный и максимальный лимит, из-за чего он не показывает другую диаграмму, поскольку эти данные превышают лимит. Либо измените минимальное и максимальное значение, либо измените данные.

Я попробовал тот же пример без минимальных и максимальных ограничений его работы нормально.

Highcharts.chart('container', {
  chart: {
    type: 'bar'
  },
  title: {
    text: 'Stacked bar chart'
  },
  xAxis: {
    categories: ['M1']
  },
  yAxis: {
    type: 'datetime',
    title: {
      text: 'Total fruit consumption'
    }
  },
  legend: {
    reversed: true
  },
  plotOptions: {
    series: {
      stacking: 'normal'
    }
  },
  series: [{
    name: 'Idle',
    data: [1420063500000]
  }, {
    name: 'Idle1',
    data: [1420064200000]
  }]
});

<script src="https://code.highcharts.com/highcharts.js"></script>


<div id="container"></div>