我正在开发一个项目,预计会显示此图:http://jsfiddle.net/Kc23N/ http://jsfiddle.net/Kc23N/
当我单击一个点(工具提示)时,我想显示一个可以理解的日期,而不是以毫秒为单位的值。
我认为需要更改这段代码:
tooltip: {
headerFormat: '<b>{series.name}</b><br>',
pointFormat: '{point.x} date, {point.y} Kg',
}
我该怎么做?任何善意的帮助表示赞赏。
Thanks
您可以使用moment.js http://momentjs.com/获取格式化的值,但 Highcharts 有自己的日期格式化功能,这对于 Highcharts 来说更惯用。它可以附加到 highcharts 构造函数中的工具提示选项上,如下所示:
tooltip: {
formatter: function() {
return '<b>' + this.series.name +'</b><br/>' +
Highcharts.dateFormat('%e - %b - %Y',
new Date(this.x))
+ ' date, ' + this.y + ' Kg.';
}
}
您可能还想添加日期时间标签格式对象,其中包含您的日期所需的选项,位于 x 轴下。
我做了这个与你的例子code http://jsfiddle.net/Kc23N/3/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)