Белые линии между ячейками тепловой карты при увеличении (масштаб браузера) - PullRequest
Новая
       30

Белые линии между ячейками тепловой карты при увеличении (масштаб браузера)

0 голосов
/ 13 сентября 2018

У меня следующая проблема:

http://jsfiddle.net/ahfd1ejz/

Highcharts.chart('container', {

  chart: {
    style: {
        fontFamily: '"Roboto", sans-serif'
    },
    animation: false,
    zoomType: 'xy'
  },...

Без увеличения в браузере это выглядит красиво:

No zooming

При увеличении (масштаб браузера, Chrome):

enter image description here

Кто-нибудь знает, почему появляются эти белые линии?

Обходным решением было бы увеличить rowSize / colSize, чтобы они перекрывались, но это нехорошо ...

1 Ответ

0 голосов
/ 14 сентября 2018

О проблеме сообщается в репозитории Highcharts GitHub здесь: https://github.com/highcharts/highcharts/issues/6783

Короче говоря, это вызвано свойством shape-rendering, по умолчанию установленным на geometricPrecission.Чтобы обойти это, вам просто нужно установить значение этого параметра на optimizeSpeed для каждого элемента с классом .highcharts-point, как показано ниже: 

.highcharts-point {
  shape-rendering: optimizeSpeed;
}

Пример в реальном времени: https://codepen.io/anon/pen/WgKwOe

...