Highcharts rangeSelector：是否有针对 inputData 字段的格式化函数回调？

Question

我正在使用 Highcharts 并且需要使用类似 'yyyy Q#'.

的格式按季度频率绘制数据图表

我找到了如何格式化工具提示中的句点（使用 JS 格式化程序函数），现在想在 rangeSelector 'From' 中使用相同的格式，并且'To' 个输入字段。

从文档中我看到我可以使用 'inputDataFormat'，但是它具有标准的 PHP strftime 格式化程序功能，它不满足我的要求。

任何想法表示赞赏！

马西莫

Answer 1

可以扩展 Highcharts 格式。您需要定义 Highcharts.dateFormats 对象：

  Highcharts.dateFormats = {
    Q: function(timestamp) {
         var date = new Date(timestamp),
             y = date.getFullYear(),
             m = date.getMonth();

       return y + '.Q' + (Math.floor(m / 3) + 1);
    }
 };

然后你可以使用'Q'格式化时间戳。

rangeSelector: {
  inputEnabled: true,
  inputDateFormat: '%Q'
},

示例：http://jsfiddle.net/twcu0djj/

Highcharts rangeSelector：是否有针对 inputData 字段的格式化函数回调？

Highcharts rangeSelector: is there a formatter function callback for the inputData fields?

highcharts

highstock

date-formatting

date-range