Javascript 不含日期数据的数据系列乘法图表

我试图为没有日期的数据系列定制一个highstock图表

是否有一种方法可以为启用rangeSelector.selected设置的值构建highstock图表，如无日期数据。 此外，我还需要为没有日期值的不同范围创建图表。

如果您使用highstock.js源代码和图表构造函数，您将能够创建具有highstock功能的基本图表：

Highcharts.chart('container', {
    series: [{
        data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    }],
    rangeSelector: {
        enabled: true,
        inputDateFormat: '%H:%M:%S.%L',
        inputEditDateFormat: '%H:%M:%S.%L',
        // Custom parser to parse the %H:%M:%S.%L format
        inputDateParser: function(value) {
            value = value.split(/[:\.]/);
            return Date.UTC(
                1970,
                0,
                1,
                parseInt(value[0], 10),
                parseInt(value[1], 10),
                parseInt(value[2], 10),
                parseInt(value[3], 10)
            );
        }
    },
    navigator: {
        enabled: true
    },
    scrollbar: {
        enabled: true
    }
});

---

现场演示：

关于我的评论问题的答案由ppotaczek提供：

导航器和范围选择器基于时间，因此您有两个选项。您可以使用毫秒作为基本的数字时间值，或者在Highcharts core中创建自己的rangeSelecgor并更改导航器轴类型：

我选择了带有ms的变体，并设置了下一个选项：

rangeSelector: {
    buttons: [{
      type: 'millisecond',
      count: 10,
      text: '10'
    },{
      type: 'millisecond',
      count: 50,
      text: '50'
    },{
      type: 'all',
      text: 'All'
    }]
  },
...
navigator: {
    xAxis: {
      labels: {
        formatter: function () {
          return this.value;
        }
      }
    }
  },
...
xAxis: {
    labels: {
      format: '{value}'
    },
  },
...
series: [{data: [[0, value0], [1, value1]], ... [n, valueN]}]

---

为什么不使用chart.js？非常容易使用。我需要在图表下方有一个范围选择器或直线检查此项，您可以找到所有演示否，我需要，是的，我也这样做，如果您查看和查看您的示例，您将看到组件与dateFormat数据一起工作。例如，在缩放按钮中，我们无法为整型xAxis值设置按钮，我们在示例中有，在导航面板上，我们可以看到数据格式范围内的值。问题是有一种使用数据类型的方法：整数或其他类型的数字，目的是获得正确的工作缩放按钮和导航面板。或者可以使用一些设置来解决问题。嗨，Maxim Novikov，基于时间的导航器和范围选择器，所以你有两个选择。您可以使用毫秒作为基本的数字时间值，或者在Highcharts core中创建自己的rangeSelecgor并更改导航器轴类型：

rangeSelector: {
    buttons: [{
      type: 'millisecond',
      count: 10,
      text: '10'
    },{
      type: 'millisecond',
      count: 50,
      text: '50'
    },{
      type: 'all',
      text: 'All'
    }]
  },
...
navigator: {
    xAxis: {
      labels: {
        formatter: function () {
          return this.value;
        }
      }
    }
  },
...
xAxis: {
    labels: {
      format: '{value}'
    },
  },
...
series: [{data: [[0, value0], [1, value1]], ... [n, valueN]}]