title: Change Color TooltipText Angular Amchart
body: <p>i want to set a color (variable &quot;color&quot;) 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 &quot;id&quot;).</p>
  <p>It is for Angular Component, making a Serpentine Timeline</p>
  <p>I have this, but it doesn´t work.</p>
  <pre><code>let series = this.chart.series.push(new am4plugins_timeline.CurveColumnSeries());
  series.columns.template.height = am4core.percent(50);
  series.columns.template.fill = &quot;color&quot;;
  series.dataFields.openDateX = &quot;start&quot;;
  series.dataFields.dateX = &quot;end&quot;;
  series.dataFields.categoryY = &quot;name&quot;;
  series.columns.template.propertyFields.fill = &quot;color&quot;;
  series.columns.template.propertyFields.stroke = &quot;color&quot;;
  series.columns.template.strokeOpacity = 1;
  series.columns.template.strokeWidth = 4;
  series.columns.template.strokeOpacity = 0.8;
  series.dataFields.type = &quot;id&quot;;
  series.data = this.data;
  let imageBullet1 = series.bullets.push(new am4plugins_bullets.PinBullet());
  imageBullet1.background.radius = 18;
  imageBullet1.locationX = 1;
  imageBullet1.propertyFields.stroke = &quot;color&quot;;
  imageBullet1.background.propertyFields.fill = &quot;color&quot;;
  imageBullet1.image = new am4core.Image();
  imageBullet1.image.propertyFields.href = &quot;icon&quot;;
  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 = &quot;{category}&quot;;
  imageBullet1.tooltipText.background.fill = &quot;color&quot;;
  </code></pre>