Javascript 如何在图表中获取悬停切片的颜色？

我目前正在我的项目中使用amcharts。我已使用覆盖默认工具提示

pieSeries.slices.template.ToolTiftML=//我的HTML在这里显示工具提示

---

在HTML中，我希望背景颜色与悬停的切片颜色相同。我查阅了文件，但什么也没找到。我想的是，如果我可以得到悬停事件，那么如果我得到当前悬停切片的颜色或索引（假设我可以从它的实例中得到切片的颜色），我可以通过Javascript设置HTML元素的颜色。但我不知道，也许有一个直接的方法来实现这一点，因为这不是一个罕见的要求。有什么建议吗？

看起来amCharts在默认情况下为工具提示设置了相同的颜色，即使设置了自定义工具提示HTML：

/**
* ---------------------------------------
*此演示是使用amCharts 4创建的。
*
*有关更多信息，请访问：
* https://www.amcharts.com/
*
*文件可从以下网址获取：
* https://www.amcharts.com/docs/v4/
* ---------------------------------------
*/
//创建图表实例
var chart=am4core.create（“chartdiv”，am4charts.PieChart）；
//添加数据
chart.data=[{
“国家”：“立陶宛”，
“升”：501.9，
“颜色”：AM4核心颜色（“ED1C24”）
}, {
“国家”：“捷克”，
“升”：301.9，
“颜色”：am4core.color（“235789”）
}, {
“国家”：“爱尔兰”，
“升”：201.1，
“颜色”：am4core.color（“F1D302”）
}, {
“国家”：“德国”，
“升”：165.8升，
“颜色”：AM4核心颜色（“020100”）
}];
//添加和配置系列
var piesteries=chart.series.push（新的am4charts.piesteries（））；
pieSeries.dataFields.value=“升”；
pieSeries.dataFields.category=“国家”；
pieSeries.slices.template.propertyFields.fill=“颜色”；
pieSeries.slices.template.ToolTiftML=“我的自定义工具提示颜色：{color}
”
chart.legend=新的am4charts.legend（）
正文{
字体系列：-苹果系统、BlinkMacSystemFont、“Segoe UI”、Roboto、Helvetica、Arial、无衬线、“苹果颜色表情”、“Segoe UI表情”、“Segoe UI符号”；
}
#沙特迪夫{
宽度：100%；
高度：400px；
}
看起来amCharts在默认情况下为工具提示设置了相同的颜色，即使设置了自定义工具提示HTML：


/**
* ---------------------------------------
*此演示是使用amCharts 4创建的。
*
*有关更多信息，请访问：
* https://www.amcharts.com/
*
*文件可从以下网址获取：
* https://www.amcharts.com/docs/v4/
* ---------------------------------------
*/
//创建图表实例
var chart=am4core.create（“chartdiv”，am4charts.PieChart）；
//添加数据
chart.data=[{
“国家”：“立陶宛”，
“升”：501.9，
“颜色”：AM4核心颜色（“ED1C24”）
}, {
“国家”：“捷克”，
“升”：301.9，
“颜色”：am4core.color（“235789”）
}, {
“国家”：“爱尔兰”，
“升”：201.1，
“颜色”：am4core.color（“F1D302”）
}, {
“国家”：“德国”，
“升”：165.8升，
“颜色”：AM4核心颜色（“020100”）
}];
//添加和配置系列
var piesteries=chart.series.push（新的am4charts.piesteries（））；
pieSeries.dataFields.value=“升”；
pieSeries.dataFields.category=“国家”；
pieSeries.slices.template.propertyFields.fill=“颜色”；
pieSeries.slices.template.ToolTiftML=“我的自定义工具提示颜色：{color}
”
chart.legend=新的am4charts.legend（）
正文{
字体系列：-苹果系统、BlinkMacSystemFont、“Segoe UI”、Roboto、Helvetica、Arial、无衬线、“苹果颜色表情”、“Segoe UI表情”、“Segoe UI符号”；
}
#沙特迪夫{
宽度：100%；
高度：400px；
}

您是使用主题颜色，还是为数据系列中的每个条目手动设置颜色？我可以选择任何一种，无论哪种方法是解决问题的最佳方法。我尝试设置自定义颜色，但在我的工具提示HTML中，我找不到为每个片段设置颜色的方法。我第一次使用amcharts时，除了类别和值之外，我在HTML中可以访问哪些变量？您是使用主题颜色，还是为数据系列中的每个条目手动设置颜色？我可以选择任何一种，无论是解决问题的最佳方法。我尝试设置自定义颜色，但在我的工具提示HTML中，我找不到为每个片段设置颜色的方法。我第一次使用amcharts时，除了类别和值之外，我在HTML中可以访问哪些变量？虽然我的案例略有不同，因为HTML包含一个表格，我需要获得表格特定部分的颜色样式，但您指出了正确的方向。在图表数据中添加了颜色属性，可以通过{color}Nice访问工具提示HTML！我很高兴它成功了。为了完整起见，我也在这个答案中添加了关于
“{color}”
的部分。虽然我的案例略有不同，因为HTML包含一个表格，我需要获得表格特定部分的颜色样式，但您指出了正确的方向。在图表数据中添加了颜色属性，可以通过{color}Nice访问工具提示HTML！我很高兴它成功了。为了完整起见，我也在这个答案中添加了关于
“{color}”
的部分。