代码之家 › 专栏 › 技术社区 › sergej

放大时热图单元格之间的白线(浏览器缩放)

heatmap highcharts javascript

sergej · 技术社区 · 6 年前

我有以下问题:

Highcharts.chart('container', {

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

放大时(浏览器缩放,Chrome):

有人知道为什么会出现这些白线吗?

1 回复 | 直到 6 年前

daniel_s 6 年前

https://github.com/highcharts/highcharts/issues/6783

总之,这是由 shape-rendering geometricPrecission . 要解决此问题,只需将此参数值设置为 optimizeSpeed 在每个元素上 .highcharts-point 类,如下所示:

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

实例: https://codepen.io/anon/pen/WgKwOe

推荐文章

knightsky · 如何为大量基于数据的日期创建区域高图?

2 年前

kakaja · 上图为y轴单位

6 年前

user1757006 · 如何防止弹出框溢出视口边界?

6 年前

hakuna · 角度5:根据数据在高图中隐藏/显示yAxis

6 年前

chris · 标准化两个哈希以包含相同的键

6 年前

hnacer · 以适合Highcharts的格式制作JSON

6 年前

Marty131 · 角度高度图:单击事件无法从“this”范围加载函数

6 年前

user195275 · 两个Highcharts源之间的Highcharts样式行为差异

6 年前

smbeaudry · Highcharts modulo alternateGridColor

6 年前

sana ch · 将数据从hashmap获取到highcharts

6 年前