feat(canvas): update devicePixelRatio to prevent chart being blurry after resizing

[Justin-ZS]

Brief Information

This pull request is in the type of:

• bug fixing
• new feature
• others

What does this PR do?

Auto update devicePixelRatio on resize() to fix blurry chart after browser zoom.
Zoom in to 500% and call resize().
Before:

After:

Fixed issues

• [Bug] resize() does not redraw chart with correct devicePixelRatio after browser zoom #21386

Details

Before: What was the problem?

When browser zoom changes, calling chart.resize() does not update devicePixelRatio, resulting in blurry charts.

After: How does it behave after the fixing?

resize() now defaults to use window.devicePixelRatio, so charts automatically become crisp after browser zoom.

Document Info

• The document changes have been made in docs(api): document resize devicePixelRatio echarts-doc#514

Misc

Security Checking

• This PR uses security-sensitive Web APIs.

ZRender Changes

• This PR depends on ZRender changes (feat(canvas): update DPR after resizing ecomfe/zrender#1149).

Related test cases or examples to use the new APIs

Merging options

• Please squash the commits into a single one when merging.

Other information

This PR also includes a small CI workflow fix for the lint job. The job restores node_modules from cache and skips npm ci on cache hits, but npm ci is the step that normally runs prepare -> build:lib and generates types/dist/echarts. Without regenerating those type files, npm run checktype can fail with Cannot find module './types/dist/echarts'.

To make the PR check deterministic, the workflow now runs npm run build:lib explicitly before npm run checktype.

[echarts-bot]

Thanks for your contribution!
The community will review it ASAP. In the meanwhile, please checkout the coding standard and Wiki about How to make a pull request.

Please DO NOT commit the files in dist, i18n, and ssr/client/dist folders in a non-release pull request. These folders are for release use only.

Document changes are required in this PR. Please also make a PR to apache/echarts-doc for document changes and update the issue id in the PR description. When the doc PR is merged, the maintainers will remove the PR: awaiting doc label.

This PR depends on ZRender changes. Please update the ZRender dependency to the latest nightly version including this change, which takes place everyday at 8:00 UTC (16:00 Beijing Time).
You can use npm i zrender@npm:zrender-nightly@dev to update package.json.
If you have any question about this, please leave a comment and we will give you extra help on this.

[github-actions]

The changes brought by this PR can be previewed at: https://echarts.apache.org/examples/editor?version=PR-21489@a29afe9

[Justin-ZS]

@plainheart Could you help to review ? Thanks!

[echarts-bot]

Congratulations! Your PR has been merged. Thanks for your contribution! 👍

[Justin-ZS]

Doc PR: apache/echarts-doc#514