Change Color TooltipText Angular Amchart

Question

i want to set a color (variable "color") in the background of my tooltip, which containts text that change acorting to the data. Also, i want that if I click in the item, it open me another pages (coording to "id").

It is for Angular Component, making a Serpentine Timeline

I have this, but it doesn´t work.

let series = this.chart.series.push(new am4plugins_timeline.CurveColumnSeries());
series.columns.template.height = am4core.percent(50);
series.columns.template.fill = "color";
series.dataFields.openDateX = "start";
series.dataFields.dateX = "end";
series.dataFields.categoryY = "name";
series.columns.template.propertyFields.fill = "color";
series.columns.template.propertyFields.stroke = "color";
series.columns.template.strokeOpacity = 1;
series.columns.template.strokeWidth = 4;
series.columns.template.strokeOpacity = 0.8;
series.dataFields.type = "id";
series.data = this.data;
let imageBullet1 = series.bullets.push(new am4plugins_bullets.PinBullet());
imageBullet1.background.radius = 18;
imageBullet1.locationX = 1;
imageBullet1.propertyFields.stroke = "color";
imageBullet1.background.propertyFields.fill = "color";
imageBullet1.image = new am4core.Image();
imageBullet1.image.propertyFields.href = "icon";
imageBullet1.image.scale = 0.7;
imageBullet1.circle.radius = am4core.percent(100);
imageBullet1.background.fillOpacity = 0.8;
imageBullet1.background.strokeOpacity = 0;
imageBullet1.dy = -2;
imageBullet1.background.pointerBaseWidth = 10;
imageBullet1.background.pointerLength = 10
imageBullet1.tooltipText = "{category}";
imageBullet1.tooltipText.background.fill = "color";