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

HealthCask-隐藏轴影响重绘的性能

highcharts

Duiz · 技术社区 · 6 年前

一段时间以来,我在重新绘制图表时遇到了性能问题

setData

当我调试的时候我发现 isDirty

然后,我试图找到我的哪些元素具有该选项,并认识到只有一个元素具有该选项:

yAxis.push({
    max: 100,
    min: 0,
    visible: false
});

这是我在图表上的一些附加数据使用的无形轴

问题就出在 visible

当它是假的-它需要很大一部分表演

isDirty公司 标志或 visible: false

那么有没有隐藏轴W/O的可能性? isDirty公司 旗帜?

升级版

https://jsfiddle.net/q6ntdxsy/8/

改变第一轴 看得见的 js部分中的标志,以及会是假的

1 回复 | 直到 6 年前

ppotaczek 6 年前

在轴渲染之后,内部的“脏”标志被设置为假轴。不可见轴永远不会渲染,因此在可见状态更改之前,此标志将设置为false。如果一个轴是脏的,所有轴都被重绘。

您可以从Highcharts源代码推断其工作原理: https://code.highcharts.com/highcharts.src.js

解决方案可以是实验性的覆盖“render”方法,以禁用隐藏轴的“isDirty”标志。

// Axes
if (chart.hasCartesianSeries) {
    each(axes, function(axis) {
        if (axis.visible) {
            axis.render();

        // Disable 'isDirty' flag for invisible axes
        } else {
            axis.isDirty = false;
        }
    });
}

https://jsfiddle.net/BlackLabel/yb4qf1s6/

推荐文章

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 年前