*Highcharts* 组合图表的工具提示格式化程序
*Highcharts* Tooltip formatter for a combined chart
我有一个带有两个 y 轴的组合百分比柱形图和折线图。柱状图我用绝对值画,折线图我用百分比值画,工具提示是这样的:
pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.percentage:.1f}%</b> ({point.y})<br/>',
shared: true
当我使用此工具提示时,它显示了百分比柱形图的正确格式:百分比值(绝对值),但折线图的格式错误,显示如下:0.0%(百分比值)。我如何格式化我的工具提示,以便它可以像显示的那样显示百分比柱形图的百分比值,但在折线图中它只显示此时已经是百分比值的值。
我的 jsfiddle:http://jsfiddle.net/3d406av3/2/
您可以在系列级别上设置 tooltip.pointFormat
:http://jsfiddle.net/3d406av3/3/
例如:
{
type:'line',
name: 'Suzo',
tooltip: {
pointFormat: '<span style="color:{series.color}">{series.name}: </span>{point.y}<br/>',
},
yAxis:1,
data: [123, 11, 14, 66, 44]
}
我有一个带有两个 y 轴的组合百分比柱形图和折线图。柱状图我用绝对值画,折线图我用百分比值画,工具提示是这样的:
pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.percentage:.1f}%</b> ({point.y})<br/>',
shared: true
当我使用此工具提示时,它显示了百分比柱形图的正确格式:百分比值(绝对值),但折线图的格式错误,显示如下:0.0%(百分比值)。我如何格式化我的工具提示,以便它可以像显示的那样显示百分比柱形图的百分比值,但在折线图中它只显示此时已经是百分比值的值。
我的 jsfiddle:http://jsfiddle.net/3d406av3/2/
您可以在系列级别上设置 tooltip.pointFormat
:http://jsfiddle.net/3d406av3/3/
例如:
{
type:'line',
name: 'Suzo',
tooltip: {
pointFormat: '<span style="color:{series.color}">{series.name}: </span>{point.y}<br/>',
},
yAxis:1,
data: [123, 11, 14, 66, 44]
}