Как показать значение по клику в реагировать-родной-чарт-комплект - PullRequest
Новая
       33

Как показать значение по клику в реагировать-родной-чарт-комплект

1 голос
/ 30 марта 2020

Я работаю с приложением, которое показывает график. Я использую пакет реагировать-родной-чарт-комплект .

Я хотел показать всплывающее окно, которое показывает выбранное / нажатое значение. Ниже приведен мой пример кода. 

                    <LineChart
                        data={{
                            labels: ["1", "2", "3", "4", "5", "6",],
                            datasets: [
                                {
                                    data: [
                                        20,50,10,80,45,66
                                    ]
                                }
                            ]
                        }}
                        width={Dimensions.get("window").width} // from react-native
                        height={300}
                        yAxisInterval={1}

                        chartConfig={{
                            decimalPlaces: 0,
                            color: (opacity = 1) => `rgba(255, 255, 255, ${opacity})`,
                            labelColor: (opacity = 1) => `rgba(255, 255, 255, ${opacity})`,
                            style: {
                                borderRadius: 16
                            },
                            propsForDots: {
                                r: "6",
                                strokeWidth: "2",
                                stroke: "#ffa726"
                            }
                        }}
                        decorator={(value) => {
                            console.log('decorator' + JSON.stringify(value))
                            // return (
                            //     <View style={{ position: 'absolute', backgroundColor: 'red', top: value.y, left: value.x, height: 100, width: 100, zIndex: 1000 }}></View>
                            // )
                        }}
                        bezier
                        style={{
                            marginVertical: 8,
                            borderRadius: 16
                        }}


                        onDataPointClick={(data) => {

                            return (
                                <View style={{ position: 'absolute', backgroundColor: 'red', top: data.y, left: data.x, height: 100, width: 100, zIndex: 1000 }}></View>
                            )
                        }
                        }
                    />

Может кто-нибудь Пожалуйста, помогите мне. Или предложите любые другие хорошие пакеты для диаграмм.

Заранее спасибо.

...