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.

[Bug] echarts.use is not effective

See original GitHub issue

Version

5.3.2

Link to Minimal Reproduction

https://stackblitz.com/edit/react-bqwvqu?file=src/App.js

Steps to Reproduce

I create a Line Graph, and use echarts.use([GridComponent, LineChart, CanvasRenderer, UniversalTransition]); to Implement on demand loading。

Then, I want to verify if it works,So, wo modify code echarts.use([GridComponent, CanvasRenderer, UniversalTransition]);,I remove LineChart

But charts can still be rendered this way

Current Behavior

charts can still be rendered this way, Even if I take out LineChart from echarts.use

Expected Behavior

How do I verify echarts.use is valid

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
pissangcommented, Jun 8, 2022

From my test, the line chart doesn’t display if the LineChart is removed, which is expected. If I understand it correctly, I think your behavior is because you changed the code, and the preview page was refreshed by HMR. It’s not a fresh new environment and the LineChart is still being registered. If you refresh the page, the LineChart will disappear as expected.

The screenshot when I open the page: image

0reactions
TaurusWoodcommented, Jun 10, 2022

@pissang thank you

Read more comments on GitHub >

github_iconTop Results From Across the Web

echarts Media queries not working with Bootstrap (carousel)
I used baseOptions and media options to define but the charts do not load up and the console doesn't show any error. I...
Read more >
Google Charts Release Notes
GeoChart now loads data using xhr, which means the setMapsSource method will work again, with two conditions: (1)The data portion of the content...
Read more >
Status and trend work item, query-based charts - Azure DevOps
Learn how to add status, progress, and trend charts to dashboards from flat-based queries in Azure DevOps.
Read more >
ngx-echarts - npm
Used to toggle the echarts loading animation when your data is not ready. [autoResize], boolean, true, If set to true , the chart...
Read more >
A Complete Guide to Line Charts | Tutorial by Chartio
The ability to plot multiple lines also provides the line chart a special use case where it might not usually be selected. Normally,...
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