wuba / wuba/react-native-echarts

Problem (most likely with opacity) rendering legend, line chart, axes scales and tooltip coordinates.

Open
#161 23 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
967
Forks
35
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
After updating from react native 0.72.6 to 0.73.5 I have experienced a lot of issues at once with rendering of the charts. I am not 100% sure what is the exact cause, nor do I see anything exact in Logcat in android studio.

To Reproduce
Steps to reproduce the behavior:
So I generally followed the react native migration guide. This included updating java files to kotlin, adjusting gradle and whatnot. I have tried several different configurations, including the one you have in your project, but nothing seems to help.

I have ran ./gradlew clean, cleaned RN cache, removed package-lock.json and reinstalled node_modules, but nothing helped either.

I have ran the same app on my personal phone, made a release/debug apks and ran them on emulator, still to no avail.

Expected behavior
Please see the screenshot - a lot of stuff is missing or rendered wrong.

Screenshots
image

Desktop (please complete the following information):

  • Windows

Smartphone (please complete the following information):

  • Samsung Galaxy s8 (physical)
  • Google pixel 3a (emulator)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the chart rendering problem on React Native 0.73.5 with the reported Android devices or emulator, using the migration and Gradle configuration described in the issue. Compare the legend, line chart, axis scales, and tooltip coordinates against the expected screenshot; done means these elements render correctly without the reported missing or misplaced content.

Written by the indexing model from the issue text.

Assessment

Tech stack
android, react-native, typescript
Domain
frontend, mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.