如何解决Highcharts工具提示pointFormat条件格式
在以下方法中,我遇到一个问题,无法在工具提示选项中显示连字符(-)代替零(0)值。当我添加条件语句及其抛出错误消息时。
tooltip: {
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
'<td style="padding:0"><b>{point.y:.1f} %</b></td></tr>',footerFormat: '</table>',shared: true,useHTML: true
}
您能帮我在工具提示中如何显示连字符而不是零吗?
解决方法
您需要使用tooltip.formatter
函数:
tooltip: {
...,formatter: function() {
var points = this.points,result = '<span style="font-size:10px">' + points[0].key + '</span><table>';
points.forEach(p => {
result += '<tr><td style="color:' + p.series.color + ';padding:0">' + p.series.name + ': </td>' +
'<td style="padding:0"><b>' + (p.y !== 0 ? Math.round(p.y * 10) / 10 : 'hyphen') + ' %</b></td></tr>';
});
result += '</table>';
return result;
}
}
实时演示: http://jsfiddle.net/BlackLabel/v7oqasb5/
API参考: https://api.highcharts.com/highcharts/tooltip.formatter
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。