javascript - 为什么 Highcharts 没有返回正确的日期?

标签 javascript jquery highcharts

您好,我正在开发一个类似于 This Fiddle 的图表。 但在该图表中显示的日期不是实际日期 1970 年 1 月 1 日 并尝试使用 formatter() 还返回第一个日期而不是完整日期,并且还删除了我在返回时连接的 HTML 和字符串。

最佳答案

在 fiddle 、帖子和评论线程中存在多种方法。

这是一个有效的方法:

tooltip: {
  formatter: function() {
    var month    = this.point.y;
    var day      = this.point.x;
    var dataDate = new Date(dataYear, month, day); //set the date object; dataYear predefined
    return  '<b>Power Generated</b><br/>'
           +Highcharts.dateFormat('%e %b, %Y', dataDate) //format the date object
           +': <b>'+this.point.value +' kWh</b>';
    }
}

示例:

显然,您可以按照您想要的方式编辑字符串。

早期版本无法正常工作的原因有很多,包括:

  • new Date() 声明中交换的月份/日期。

  • 调用 HighCharts 而不是 Highcharts

  • 调用 this.value 而不是 this.point.value

如果您对某些问题有更具体的问题,请随时提出。

关于javascript - 为什么 Highcharts 没有返回正确的日期?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35893191/

相关文章:

javascript - 如何使用Javascript更改另一个元素onclick的Bgcolor?

javascript - Firebase 存储图像上传 Android < 4.4 问题

javascript - html 选择标记从选中的复选框更改

javascript - highcharts 范围选择器不显示绘图

javascript - Highcharts 图 : Spline updating each second needs a pause button

javascript - ng-click 目录中使用三元运算符的多个函数

javascript - 如何最好地将 ClientRect/DomRect 转换为普通对象

jquery - 如何读取jquery中post请求的响应?

javascript - JQuery 调用不应该调用 onclick 的函数?

javascript - 如何更改 highcharts 中的导出文件名