question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Echarts keeps rendering white blanks with large datasets on single canvas mode.

See original GitHub issue

Version

4.8.0

Reproduction link

https://github.com/CarterLi/echarts-bug

Steps to reproduce

  1. View the rendered page https://carterli.github.io/echarts-bug/
  2. Move mouse on the chart

What is expected?

The chart should work as normal, tooltip should be shown

What is actually happening?

The chart renders white blank


Originally found when testing my repo: https://github.com/CarterLi/echarts-with-offscreencanvas

I tested several chart types and found only line chart worked as expected. I have been trying to debug this issue for 2 days and only found the issue happens here:

    _startLoop: function () {
        var self = this;

        this._running = true;

        function step() {
            if (self._running) {

                requestAnimationFrame(step);

                !self._paused && self._update();
            }
        }

        requestAnimationFrame(step);
    },

Of course it was not true, so I gave up.

The issue is rather important to our company, please help

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
CarterLicommented, Aug 20, 2020

It works! Thanks @100pah

Echarts in worker demo can be found here: https://carterli.github.io/echarts-with-offscreencanvas/

2reactions
100pahcommented, Aug 20, 2020

@CarterLi

option = {
    // Set this to avoid the issue.
    hoverLayerThreshold: Infinity,
    ...     
};

And echarts needs to fix that:

  1. Disable the feature of hover layer in when the root dom is canvas
  2. Make worker case into the test/**.
Read more comments on GitHub >

github_iconTop Results From Across the Web

Echarts keeps rendering white blanks with large datasets on ...
This issue is the only blocking issue that enabling echarts working in web worker, because in a worker echarts can only be run...
Read more >
Changelog - Apache ECharts
[Fix] Fix ECharts keeps rendering white blanks with large datasets on single canvas mode #13283. [Fix] Make contentToOption totally optional.
Read more >
error : shinyWidgets and plot graph - RStudio Community
... Echarts keeps rendering white blanks with large datasets on single canvas mode. · Issue #13164 · apache/echarts · GitHub.
Read more >
How to minimize whitespace around Baidu's echarts
My current solution to add an extra inside the container one and then set it's width and height to be be bigger by...
Read more >
Canvas vs. SVG - Best Practices - Handbook - Apache ECharts
Since ECharts v4.0 was released, ECharts provided the SVG render as an ... For larger amounts of data (>1k is an experience value),...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found