如何在Highcharts区域图表的工具提示中显示xAxis标签？

我使用xAxis标签（不是类别）来删除左/右填充。如何在Highcharts区域图表的工具提示中显示xAxis标签？

xAxis: { 
     //categories: data.categories 
     labels: { 
      formatter: function() { 
       return cat[this.value]; 
      } 
     }, 
     minPadding: 0, 
     maxPadding: 0 
    },

在提示，{point.x}显示我的号码（如 “0”），但我想在标签（如： “月”）。

tooltip: { 
     shared: true, 
     useHTML: true, 
      pointFormat: "{series.name}: {point.y:.0f} ({point.percentage:.1f}%)<br />", 
      headerFormat: "<b>{point.x}</b><br><br>", 
    },

如何让它显示标签？

http://jsfiddle.net/9tgjf82e/

来源

2016-10-26 Aximili

您需要点他们的名字联系起来，让你在格式[name, y]

需要点然后你就可以在headerFormat通过point.key接入点的名称。

例如：http://jsfiddle.net/9tgjf82e/4/

来源

2016-10-27 16:09:49 morganfree

这比我想象的要复杂得多（我希望它会像'{point.xLabel}'，谢谢你！:) – Aximili

你也可以找到飓风的答案是有用的。它需要一点点调整来修复滴答位置，所以左/右没有填充。 http://jsfiddle.net/9tgjf82e/5/ plotOptions.series.pointPlacement：'on' – morganfree

morganfree你是最棒的！现在就是答案！：d – Aximili

可以在报头格式使用point.key。

API Doc

的point.key变量包含取决于轴的类型的类别名称，x值或日期时间字符串。对于日期时间轴，可以使用tooltip.xDateFormat设置point.key日期格式。

但您需要定义您的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>", 
},

Updated Fiddle

来源

2016-10-26 06:30:31 hurricane

谢谢，但我的第一句说，因为我们不能有任何的左/右补白（即图必须被拉伸到全宽）。我们不能使用类别。 – Aximili

如何在Highcharts区域图表的工具提示中显示xAxis标签？

回答

相关问题