HighStock中xAxis的softMin / softMax没有设置吗？

Question

[查看Highstock文档时，它说xAxis有softMin和softMax，但是如果我利用日期，它似乎不能正确代表所请求的日期范围。

我一直需要执行以下操作：找到xAxis数据的间隔，然后在这些时间点用空数据填充数组的前端/末端以正确传达信息。

这有效，但是我认为HighStock的软值应该可以解决这个问题。

在示例用例中：您可以设置以下内容：

{
    chart: {
      type: this.type || 'line',
    },
    title: {
      text: this.title || ''
    },
    credits: {
      enabled: false
    },
    rangeSelector: {
      inputEnabled: false,  // Specific to the Date Range Picker.
      enabled: false         // Specific to the Quick Selects for YTD, 6 mo, zoom.
    },
    navigator: {
      adaptToUpdatedData: true
    },
    scrollbar: {
      enabled: false
    },
    legend: {
      enabled: true
    },
    xAxis: {
      min: undefined,
      max: undefined,
      softMin: undefined,
      softMax: undefined,
      type: 'datetime',
      dateTimeLabelFormats: {
        day: '%b %e'
      }
    },
    // yAxis: {
    //   title: { text: ''}, opposite: true, type: 'linear'
    // },
    plotOptions: {
      series: {
        dataGrouping: {
          approximation: 'sum',
          groupPixelWidth: 25,
          forced: true,
          units: [
            ['minute', [30]],
            ['day', [1, 7, 15]],
            ['month', [1, 3, 6]]
          ]
        }
      }
    },
    series: []
  }

所以我将日期看作是数字，new Date().getTime()，但是如果我想设置softMin和softMax，我想做类似的事情：

xAxis: {
  softMin: new Date().getTime() - 1000 * 3600 * 24 * days_back
  softMax: new Date().getTime()
  }

其中days_back是用户定义的变量，用于查找前几天。

我填充系列信息的方式如下：

const endtime = new Date().getTime();   //The current definition of endtime is now as there is no data for the future.
    const starttime = endtime - 1000 * 3600 * 24 * days;
    opts.series = dataset.map((item, idx, arr) => {
      const name: string = item.name || '';
      const data: any[] = item.data || []; // data is a list of lists.    ][time_as_number, value],...]
      if (data.length > 1) {
        /// The purpose of this code block is to padd out the dataset to the start and end ranges.
        ///  While there is a softMin and softMax, it doesnt work too when with regards to dates.
        ///  This will padd the data to be represenative of the users base selection.
        ///  If the list of data has 0 or 1 points, there is not enough data to define an interval for the target range.
        const difference = data[1][0] - data[0][0];
        let low = data[1][0];
        while (low > starttime) {
          low -= difference;
          data.unshift([low, null]);
        }
        let high = data[data.length - 1][0];
        while (high < endtime) {
          high += difference;
          data.push([high, null]);
        }
      }
      return {
        marker: { enabled: true },
        showInNavigator: true,
        type: 'line',
        name,
        data
      };
    });

我缺少一些我应该考虑的东西吗？根据文档的min / max / minRange / maxRange不是我想分配给的正确键。

为了便于理解，HighStock文档位于此处：https://api.highcharts.com/highstock/xAxis.softMin

以下是示例：https://jsfiddle.net/sp18efkb/您将在此示例中看到我设置了softMin，但未反映出来。如果我使用chart对象，它将起作用。根据API看来，它是有效的，但不是有效或受监视的属性。

Answer 1

查看HighStock图表时，如果正在查看，则需要设置一个附加变量。

在xAxis中，您需要将属性ordinal属性设置为false。为了使导航器以相同的方式运行，您需要使用该属性，将softmin和soft max设置为相同，然后关闭序数。

看起来像这样：

...

  navigator: {
    adaptToUpdatedData: true,
    xAxis: {
      ordinal: false,
      min: undefined,
      max: undefined,
      softMin: new Date().getTime() - 1000 * 3600 * 24 * 5,
      softMax: undefined
    }
  },
  xAxis: {
    ordinal: false,
    min: undefined,
    max: undefined,
    softMin: new Date().getTime() - 1000 * 3600 * 24 * 5,
    softMax: undefined,
    type: 'datetime',
    dateTimeLabelFormats: {
      day: '%b %e'
    }
  },
...