highcharts,可能的错误设置工具提示格式化程序和 html?
highcharts, possible bug setting tooltip formatter and html?
我设置了这些选项:
tooltip: {
shared: true,
useHTML: true,
formatter: function() {
return '<table style="text-align: center"><tr><td>{point.x:%Y-%b-%e}</td></tr><tr><td>Price: {point.y}</td></tr></table>';
}
但我仍然得到这个输出。
如果我使用:
tooltip: {
shared: true,
useHTML: true,
headerFormat: '<table style="text-align: center"><tr><td>{point.x:%Y-%b-%e}</td></tr><tr><td>Price: {point.y}</td></tr></table>',
pointFormat: '',
footerFormat: '',
valueDecimals: 2
},
然后我得到:
但是,当我缩小到全部或 10 年期间时,我得到与第一个相同的输出。
使用3年左右的时候好像有bug。
这是一个演示错误的 jsfiddle:
https://jsfiddle.net/3Ld2zmum/2/
缩小到全部
在格式化程序中,您应该使用对点对象的引用和 Highcharts.dateFormat
formatter: function () {
return '<table style="text-align: center"><tr><td>' + (Highcharts.dateFormat('%Y-%b-%e', this.x)) + '</td></tr><tr><td>Price: ' + this.y + ' </td></tr></table>';
},
我设置了这些选项:
tooltip: {
shared: true,
useHTML: true,
formatter: function() {
return '<table style="text-align: center"><tr><td>{point.x:%Y-%b-%e}</td></tr><tr><td>Price: {point.y}</td></tr></table>';
}
但我仍然得到这个输出。
如果我使用:
tooltip: {
shared: true,
useHTML: true,
headerFormat: '<table style="text-align: center"><tr><td>{point.x:%Y-%b-%e}</td></tr><tr><td>Price: {point.y}</td></tr></table>',
pointFormat: '',
footerFormat: '',
valueDecimals: 2
},
然后我得到:
但是,当我缩小到全部或 10 年期间时,我得到与第一个相同的输出。
使用3年左右的时候好像有bug。
这是一个演示错误的 jsfiddle:
https://jsfiddle.net/3Ld2zmum/2/
缩小到全部
在格式化程序中,您应该使用对点对象的引用和 Highcharts.dateFormat
formatter: function () {
return '<table style="text-align: center"><tr><td>' + (Highcharts.dateFormat('%Y-%b-%e', this.x)) + '</td></tr><tr><td>Price: ' + this.y + ' </td></tr></table>';
},