fl_chart icon indicating copy to clipboard operation
fl_chart copied to clipboard

[BUG]Web-side BarChart rendering exception On Release

Open sunjianan9900 opened this issue 2 years ago • 10 comments

The same code is rendered inconsistently in Release mode and Debug mode. And the Release mode rendering is wrong.

Exported by flutter build web --release --web-renderer html

Release state with color rendering exception. The first item should be red, not green image

Debug mode is displayed normally.

Normal condition: the first bar should be red

Minimal code package: icon_maker_web.zip

flutter doctor

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.0.1, on macOS 12.3.1 21E258 darwin-arm (Rosetta),
    locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 13.2.1)
[✓] Chrome - develop for the web
[!] Android Studio
    ✗ Unable to find bundled Java version.
[✓] IntelliJ IDEA Ultimate Edition (version 2021.1.3)
[✓] IntelliJ IDEA Ultimate Edition (version 2018.1.5)
[✓] VS Code (version 1.67.2)
[✓] Connected device (3 available)
[✓] HTTP Host Availability

sunjianan9900 avatar May 25 '22 09:05 sunjianan9900

It works well with flutter run -d chrome --release

imaNNeo avatar May 25 '22 09:05 imaNNeo

It works well with flutter run -d chrome --release

Forgot to mention flutter build web --release --web-renderer html

sunjianan9900 avatar May 25 '22 09:05 sunjianan9900

Oh, I see. That's very, very weird.

imaNNeo avatar May 25 '22 10:05 imaNNeo

Oh, I see. That's very, very weird.

If there is any solution that can be bypassed, or temporarily solved, please let me know, thank you very much.

sunjianan9900 avatar May 25 '22 10:05 sunjianan9900

Currently it has been found that reducing the data source to less than one screen does not cause problems. As soon as the number of X-axes exceeds the number that can be displayed on one screen, the problem occurs.

sunjianan9900 avatar May 26 '22 03:05 sunjianan9900

Oh, I see. That's very, very weird.

If there is any solution that can be bypassed, or temporarily solved, please let me know, thank you very much.

Actually, I don't have any idea about it. It seems a Flutter engine issue.

imaNNeo avatar May 29 '22 14:05 imaNNeo

Can anybody please confirm that this issue still exists or not?

imaNNeo avatar Jan 30 '23 13:01 imaNNeo

This problem still exists, even extended to Debug mode (chrome) (flutter 3.7.12 stable fl_chart 0.62.0) Dragging the window to the full display table X-axis will fix it automatically

sunjianan9900 avatar May 05 '23 00:05 sunjianan9900

Can you give me a simple reproducible code? (a main.dart file content)

imaNNeo avatar May 05 '23 21:05 imaNNeo

Does this issue still exist?

imaNNeo avatar Apr 15 '24 00:04 imaNNeo