search

swimlane / ngx-charts

:bar_chart: Declarative Charting Framework for Angular
https://swimlane.github.io/ngx-charts/
MIT License
4.28k stars 1.15k forks source link

Demo Timeline in Light Theme doesn t display the graph #631

Open ranouf opened 6 years ago

ranouf commented 6 years ago

Hi,

I noticed that the Chart is not correctly display on Firefox in light Mode for TimeLine Demo Theme: https://swimlane.github.io/ngx-charts/#/ngx-charts/timeline-filter-bar-chart-demo

pigant commented 6 years ago

imagen

lewiswashere commented 5 years ago

Capturechart @ranouf looks like this is still an issue in both Firefox & Chrome while using light theme. After copying over the template timeline-filter-bar-chart .ts & .scss into my project, I added opacity: 0.1; to the .brush-background class as a temporary workaround: 

.timeline-filter-bar-chart {
  .timeline {
    .brush-background {
      fill: rgba(0,0,0,0.05);
      /* Added this... */
      opacity: 0.1;
    }
 }