highchart数据量大优化出图速度

最新推荐文章于 2025-07-15 08:48:45 发布

铁血小煜

最新推荐文章于 2025-07-15 08:48:45 发布

阅读量4.5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Web前端文章标签： jquery highchart javascript

本文链接：https://blog.youkuaiyun.com/u013691289/article/details/50594374

Web前端专栏收录该内容

3 篇文章

订阅专栏

本文针对IE8、IE9浏览器上图表展示性能不佳的问题进行了详细分析，并通过关闭动画、鼠标跟踪等效果来提升图表加载速度及流畅度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于数据量偏大，在ie8、ie9上出图效果甚是不好，ie8用的vml，出图效果不好正常，但是ie9是svg了，不知道为什么还是出图卡顿，在ie10上就很好了。

我主要优化的是，出图时的动画、鼠标浮上数据点时的效果，和折现放大的效果，我基本把效果都关闭了。

        // 优化性能损耗
        // tooltip：禁用鼠标移上去显示的提示框
        tooltip: {
        	enabled: false
        },
        // animation：禁止动画
        // enableMouseTracking：禁止鼠标移到线上时，线条变粗
        plotOptions: {
    		series: {
                animation: false,
                marker: {
                    enabled: false,
                    states: {
                        hover: {
                            enabled: false
                        }
                    }
                },
                enableMouseTracking: false
            }
        },// 优化性能损耗结束

各种属性，请移步到官网查看api属性说明。

各位看官，如果有更好的优化效果，麻烦给我留言一共探讨，大家一起努力，共同学习。