我正在开发一个 Rails 应用程序,其中使用 amCharts 5 创建图表。我需要在图表中每个系列的工具提示文本中显示图例名称及其相应的颜色。我尝试了多种方法,包括自定义工具提示功能,但在实现预期结果方面遇到了困难。
` series.columns.template.set("tooltipHTML", am5.Tooltip.new(root, {
tooltipHTML: function(dataItem) {
var seriesName = dataItem.series.name;
var color = dataItem.series.fill.hex;
var valueX = dataItem.categoryX;
var valueY = dataItem.valueY;
var seriesColorBox = '<span style="display:inline-block; width:12px; height:12px; background-color:' + color + '; margin-right: 5px;"></span>';
return valueX + ', Number of appointments<br>' +
'Total: ' + valueY + '<br>' +
seriesColorBox +
'<span style="color: black;">' + seriesName + ': ' + valueY + '</span><br>';
}
}));`
尽管尝试了这种方法和其他方法,但我没有达到预期的结果。工具提示文本未正确显示图例名称和颜色。
任何关于如何解决此问题并在工具提示文本中正确显示图例颜色的见解或建议将不胜感激!
查看 this 教程,了解组合多个系列的工具提示值。这应该可以解决您的问题。