自定义 Amcharts v4 工具提示边框颜色

【问题标题】：Customize Amcharts v4 tooltip border color自定义 Amcharts v4 工具提示边框颜色
【发布时间】：2019-06-26 05:46:01
【问题描述】：

我已经应用了这样的代码：

var series = chart.series.push(new am4charts.LineSeries());
series.tooltip.getFillFromObject = false;
series.tooltip.background.fill = am4core.color("#fff");
series.tooltip.border.fill = am4core.color("#000");
series.tooltip.label.fill = am4core.color("#000");
series.tooltipText = "{date.formatDate('d MMM, yyyy')}: [bold]{value}";
series.dataFields.dateX = "date";
series.dataFields.valueY = "value";

但不知何故，工具提示没有加载边框颜色。

【问题讨论】：

标签： javascript amcharts amcharts4

【解决方案1】：

在 amcharts 中，边框颜色的字段是stroke。您可以在tooltip 本身、tooltip.background 或tooltip.label 上设置它。比如这样：

series.tooltip.background.stroke = am4core.color("#000");

您也可以使用strokeWidth 更改边框宽度：

series.tooltip.background.strokeWidth = 2;

Here 是一个工作代码笔。

【讨论】：