Как контролировать tickInterval даты и времени в Highcharts - PullRequest
0 голосов
/ 27 апреля 2020

Я создаю простую сплайн-диаграмму с использованием старших диаграмм, здесь xAxis имеет тип «datetime», а yAxis имеет случайные значения в диапазоне (0–100), интервал времени составляет ровно одну минуту между каждым и каждым объектом данных серии, т.е. для minTickInterval установлено значение 60000, но при каждой загрузке страницы на графике правильно отображается 5 тиков, но я не вижу метку тика

Highcharts.chart('container', {
      chart: {
          type: 'spline',
          zoomType: 'x',
          animation: Highcharts.svg, // don't animate in old IE
          marginRight: 10,
          events: {

          }
      },

      time: {
          useUTC: false
      },

      title: {
          text: 'usage'
      },
      xAxis: {
          type: 'datetime',
          tickInterval: 60000
      },

      yAxis: {
          plotLines: [{
              value: 0,
              width: 1,
              color: '#003366'
          }]
      },

      tooltip: {
          headerFormat: '<b>{series.name}</b><br/>',
          pointFormat: '{point.x:%Y-%m-%d %H:%M:%S}<br/>{point.y:.2f}'
      },

      legend: {
          enabled: false
      },

      exporting: {
          enabled: false
      },
      plotOptions:{
        series:{
            turboThreshold:0
        }
      },
      series: [{
          data: [
          	{x: new Date("Mon Apr 27 2020 11:41:59 GMT+0530 (India Standard Time)"),y: 42},
            {x: new Date("Mon Apr 27 2020 11:42:59 GMT+0530 (India Standard Time)"),y: 4},
            {x: new Date("Mon Apr 27 2020 11:43:59 GMT+0530 (India Standard Time)"),y: 4},
            {x: new Date("Mon Apr 27 2020 11:44:59 GMT+0530 (India Standard Time)"),y: 4},
            {x: new Date("Mon Apr 27 2020 11:45:59 GMT+0530 (India Standard Time)"),y: 4}
          ]
      }]
  });
<html>
<head>
    <script src="https://code.highcharts.com/highcharts.js"></script>
    <script src="https://code.highcharts.com/modules/exporting.js"></script>
    <script src="https://code.highcharts.com/modules/export-data.js"></script>
    <script src="https://code.highcharts.com/modules/accessibility.js"></script>
    <script src="https://code.highcharts.com/modules/no-data-to-display.js"></script>
    <script src="https://code.highcharts.com/highcharts-3d.js"></script>

</head>
<body>
<div id="container">
</div>
</body>
</html>

Заранее спасибо

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