Highcharts-自定义rangeSelector按钮并将xAxis从每小时更改为日期

时间:2019-05-17 04:23:51

标签: javascript jquery highcharts

我无法使用自定义范围选择器按钮更新和更改图表中图表的轴标签和数据

我有一个用于范围选择器的自定义按钮,我想使用更多数据和新轴来更新和更改图表

旧的xAxis带有小时标签显示(例如10、11、12、13、15、17) 并且当我选择另一个范围选择器按钮xAxis时应显示日期标签(例如3月10日,4月10日,5月10日),但没有显示

我使用了.setExtremes(),但是xAxis标签消失了,什么也没显示 我已经使用.update({})来更新格式化程序,但是格式化程序只能分配1个值,然后xAxis仅显示所有标签的一天(例如5月11日,5月11日,5月11日)

let mainDate = new Date(indexGraph.xAxis[0].dataMax);

if (range == "Date") {
  var maxDate = mainDate.setDate(mainDate.getDate());
  var minDate = mainDate.setDate(mainDate.getDate() - count);
} else if (range == "Month") {
  var maxDate = mainDate.setMonth(mainDate.getMonth());
  var minDate = mainDate.setMonth(mainDate.getMonth() - count);
}

indexGraph.xAxis[0].update({
  labels: {
    formatter: function() {
      if ($("#renageSelectorDiv > div.selected")[0].id !== "1-day") {
        return Highcharts.dateFormat("%e %b", this.value);
      } else {
        return Highcharts.dateFormat("%H", this.value);
      }
    }
  }
});
indexGraph.xAxis[0].setExtremes(minDate, maxDate);

我想知道如何更改它以进行更正? 或更改和更新轴(yAxisxAxis)和图表的最佳方法是什么

0 个答案:

没有答案