Highcharts 在X轴上具有自定义点的库存高点图表

我需要在x轴上显示自定义点，而不是日期值。同样的自定义数据点也需要显示在navigator上。在下面的Js fiddle中，我将数据（Per13/2016等）转换为等效的日期值，然后使用转换后的日期值绑定图表。 以下是JS fiddle的链接：-

在Js提琴中，我在x轴上显示Per1、Per2等，同样也必须在navigator上显示。 现在我面临导航器的问题，当我使用滑块更改范围时，x轴标签会更改，但不会根据所选范围进行更改。此外，工具提示格式也会更改

你能让我知道如何处理这种情况和最好的方法做同样的

        //few code lines to post fiddle link   
          xAxis: {
                    labels: {
                        formatter: function () {
                            if(fiscal13){
                            var perDate = new Date(this.value);
                            return 'Per' + (perDate.getMonth() + 1);
                            }

              }
                    }
                }

---

我不确定我是否正确，但我认为你做得太过分了

让我们保留原始数据，因此删除

fiscal13Data.data.forEach（函数（项）{..}）函数。创建数据时，只需使用点的索引作为x值：

var cost = [],
  usage = [],
  dataLength = fiscal13Data.Data.length
i = 0;
for (i; i < dataLength; i += 1) {
  // need to sum costs
  cost.push([
    i, // the index
    fiscal13Data.Data[i]['Cost'] // cost
  ]);
  usage.push([
    i, // the index
    fiscal13Data.Data[i]['Usage'] // Usage
  ]);
}

在工具提示格式化程序中，它几乎完全相同：

var str = fiscal13Data.Data[this.x].Date; 

下面是工作演示：

注意：您的数据看起来有点奇怪-您不想先对其进行排序吗？此外，您每个日期都有两次约会（例如“Per13/2016”-一次是“水”，一次是“电”）。
我不确定我是否正确，但我认为您做得太过分了

让我们保留原始数据，因此删除
fiscal13Data.data.forEach（函数（项）{..}）函数。创建数据时，只需使用点的索引作为x值：

var cost = [],
  usage = [],
  dataLength = fiscal13Data.Data.length
i = 0;
for (i; i < dataLength; i += 1) {
  // need to sum costs
  cost.push([
    i, // the index
    fiscal13Data.Data[i]['Cost'] // cost
  ]);
  usage.push([
    i, // the index
    fiscal13Data.Data[i]['Usage'] // Usage
  ]);
}

在工具提示格式化程序中，它几乎完全相同：

var str = fiscal13Data.Data[this.x].Date; 

下面是工作演示：

注意：您的数据看起来有点奇怪-您不想先对其进行排序吗？此外，您每个日期有两次（例如“Per13/2016”-一次表示“水”，一次表示“电”）。
添加此项>var s=Highcharts.dateFormat（“%e%b%Y”，新日期（此.x））；对于工具提示，我将更新nagitor的解决方案。我需要在工具提示上显示每1个、每2个等以及成本和使用情况，但问题是滑块移动时工具提示文本会发生变化，图表上的数据也不会按照范围选择显示。添加此>var s=Highcharts.dateFormat（“%e%b%Y”，新日期（this.x））；对于工具提示，我将更新nagitor的解决方案。我还需要在工具提示上显示每1个、每2个等以及成本和使用情况，但问题是滑块移动时工具提示文本会发生更改，并且图表上的数据也不会按照范围选择显示。