Линии сетки показывают / показывают неправильный цвет на Edge & Safari - PullRequest
Новая
       7

Линии сетки показывают / показывают неправильный цвет на Edge & Safari

0 голосов
/ 29 января 2019

У меня есть линейный график, который выглядит так, как обычно ...

chart

Линии сетки серые и не меняются.Это работает в Chrome и Firefox.

В Safari и на краю линии сетки исчезают, пока я не наведу курсор на точку на графике, которая затем изменит цвет линии линии, которую я навела, как показано ниже..

wrongChart

Я попытался добавить и изменить различные свойства линии сетки на оси, но, похоже, ничего не изменило. 

scales:
           {
               yAxes:
               [
                   {id: 'Numbers', position: 'left', gridLines: {drawOnChartArea: false, color: "rgba(255,255,255,0)", zeroLineColor: "rgb(255, 255, 255, 1)", drawTicks: true},
                   ticks: {beginAtZero: false, fontSize: this.get('fontSize'), fontColor: '#999999', fontFamily: 'Akzidenz_Groteskbe--medium', padding: 12,
                   min: 0, stepSize: maxValueLeft/ this.get('chartSteps'), max: maxValueLeft,
                   callback: function(value) {return self.get('dataService').formatNumber(value);}}},

                   {id: 'Sterling', position: 'right', gridLines: {drawOnChartArea: false, color: "rgba(255,255,255,0)", zeroLineColor: "rgb(255, 255, 255, 1)", drawTicks: false},
                   ticks: {beginAtZero: false, fontSize: this.get('fontSize'), fontColor: '#999999', fontFamily: 'Akzidenz_Groteskbe--medium', padding: 12,
                   min: 0, stepSize: maxValueRight/ this.get('chartSteps'), max: maxValueRight,
                   callback: function(value) {return self.get('dataService').formatCurrency(value);}}}
               ],

               xAxes:
               [
                   {ticks: {fontSize: 12, fontColor: '#999999', fontFamily: 'Akzidenz_Groteskbe--medium', labelOffset: 13, padding:14},
                   gridLines: {color: "rgb(216, 216, 216, 1)", zeroLineColor: "rgb(255, 255, 255, 0)", drawTicks: false}}
               ]
           }
...