Black chart on safari. Gradient dosnt work

[ x ] bug report [ ] feature request [ ] support request

On safari browser chart is black. All works fine , but color is black. When i change [gradient]=“true” to false is ok but without gradient 👎

  lineChartColorScheme = {
    domain: ['#C40536', '#6d6d6d']
  }

Angular 5.0.0 “d3”: “^4.12.0”,

[jbaker-va]

Also looking for a fix here.

[GerardoLSJ]

This issue es because you have to pass the absolute route of the linearGradient in Safari

Back in version 3.1.0 they were using this approach :

https://github.com/swimlane/ngx-charts/blob/9b79199e909b0c4ea8959891fe63fa2835c2fb20/src/area-chart/area-chart.component.ts#L209

      let pageUrl = window.location.href;
      this.clipPathId = 'clip' + id().toString();
      this.clipPath = `url(${pageUrl}#${this.clipPathId})`;

But now i cant figure out how they’re passing the “base ref” to the charts

Now theyre using a variable called : gradientUrl but cant figure out how they link the base ref there.