如何在Highcharts区域图表的工具提示中显示xAxis标签?
我正在使用xAxis标签(不是类别)删除左/右填充如何在Highcharts区域图表的工具提示中显示xAxis标签?,highcharts,Highcharts,我正在使用xAxis标签(不是类别)删除左/右填充 xAxis: { //categories: data.categories labels: { formatter: function () { return cat[this.value]; } }, minPadding: 0, maxPadding: 0 },
xAxis: {
//categories: data.categories
labels: {
formatter: function () {
return cat[this.value];
}
},
minPadding: 0,
maxPadding: 0
},
在工具提示中,{point.x}
显示数字(如“0”),但我需要标签(如“Jan”)
工具提示:{
分享:是的,
是的,
pointFormat:“{series.name}:{point.y:.0f}({point.percentage:.1f}%)
”,
标题:“{point.x}
”,
},
我怎样才能让它显示标签
您可以使用标题格式的
point.key
point.key变量包含类别名称、x值或日期时间
字符串,具体取决于轴的类型。对于日期时间轴,输入point.key
可以使用tooltip.xDateFormat设置日期格式
但您需要定义xAxis->类别
xAxis: {
categories : cat,
labels: {
formatter: function () {
return cat[this.value];
}
}
},
tooltip: {
shared: true,
useHTML: true,
pointFormat: "{series.name}: {point.y:.0f} ({point.percentage:.1f}%)<br />",
headerFormat: "<b>{point.key}</b><br><br>",
},
xAxis:{
类别:猫,,
标签:{
格式化程序:函数(){
返回cat[this.value];
}
}
},
工具提示:{
分享:是的,
是的,
pointFormat:“{series.name}:{point.y:.0f}({point.percentage:.1f}%)
”,
标题:“{point.key}
”,
},
您需要将点与其名称相关联,因此需要采用
[name,y]
然后,您可以通过headerFormat中的point.key
访问点的名称
示例:谢谢,但正如我在第一句中所说的,我们不能使用类别,因为我们不能有任何左/右填充(即图表必须拉伸到全宽)。这比我想象的要复杂得多(我希望它像
{point.xLabel}
,谢谢!)你也会发现飓风的答案很有用。它需要稍微调整以固定记号的位置,因此左/右上没有填充。plotOptions.series.pointPlacement:“on”morganfree您是最棒的!!这就是答案D
xAxis: {
categories : cat,
labels: {
formatter: function () {
return cat[this.value];
}
}
},
tooltip: {
shared: true,
useHTML: true,
pointFormat: "{series.name}: {point.y:.0f} ({point.percentage:.1f}%)<br />",
headerFormat: "<b>{point.key}</b><br><br>",
},