Abhinandan-Kushwaha / react-native-gifted-charts

The most complete library for Bar, Line, Area, Pie, Donut, Stacked Bar and Population Pyramid charts in React Native. Allows 2D, 3D, gradient, animations and live data updates.
https://www.npmjs.com/package/react-native-gifted-charts
MIT License
790 stars 152 forks source link

Is it possible to add customized tooltip for multi-line charts? #910

Open vijaydiyyala842 opened 4 days ago

vijaydiyyala842 commented 4 days ago

Description

I am using multi line charts for my project, Below is the UX reference for customised tooltip Screenshot 2024-11-18 at 10 58 02 AM

Steps to reproduce

I have also include my code as well. <LineChart height={300} width={300} dashGap={0} yAxisLabelWidth={40} yAxisLabelContainerStyle={{ paddingRight: 5 }} yAxisTextStyle={styles.yaxisText} xAxisLabelTextStyle={styles.yaxisText} xAxisLength={Dimensions.get("screen").width - 80} rulesLength={Dimensions.get("screen").width - 80} rulesColor={"#E7E7E7"} isAnimated hideDataPoints focusEnabled showDataPointLabelOnFocus onFocus={(item: any) => console.log(item, "pressed item")} spacing={36} noOfSections={6} dataSet={dataset} yAxisThickness={0} xAxisColor="#E7E7E7" />

Snack or a link to a repository

No response

version of react-native-gifted-charts

1.4.46

React Native version

0.74.5

Platforms

Android, iOS

Workflow

None