如何添加按钮日期时间线图表,例如Google Finance

时间:2019-05-24 06:47:47

标签: javascript android ios react-native

在图表上绘制日期时间线时遇到问题。但我将nativebase.io用于UI框架。而且当我尝试时,它没有达到预期的效果

<Tabs tabContainerStyle={{ height: 10 }}
                                                    tabBarUnderlineStyle={{ backgroundColor: '#222134', height: 5 }}
                                                    style={{ borderRadius: 10 }}
                                                    renderTabBar={() => <ScrollableTab style={{ backgroundColor: '#fff' }} />} locked={true}>
                                                    <Tab heading="1 Bulan" tabStyle={{ backgroundColor: '#ffffff', }} activeTextStyle={{ color: '#222134' }}
                                                        activeTabStyle={{ backgroundColor: '#fff' }}>

                                                        <Chart mf_id={this.state.mf_id} day={30} />
                                                    </Tab>
                                                    <Tab heading="3 Bulan" tabStyle={{ backgroundColor: '#ffffff', }} activeTextStyle={{ color: '#222134' }}
                                                        activeTabStyle={{ backgroundColor: '#fff' }}>

                                                        <Chart mf_id={this.state.mf_id} day={90} />
                                                    </Tab>
                                                    <Tab heading="6 Bulan" tabStyle={{ backgroundColor: '#ffffff', }} activeTextStyle={{ color: '#222134' }}
                                                        activeTabStyle={{ backgroundColor: '#fff' }}>

                                                        <Chart mf_id={this.state.mf_id} day={180} />
                                                    </Tab>
                                                    <Tab heading="1 Tahun" tabStyle={{ backgroundColor: '#ffffff', }} activeTextStyle={{ color: '#222134' }}
                                                        activeTabStyle={{ backgroundColor: '#fff' }}>

                                                        <Chart mf_id={this.state.mf_id} day={365} />
                                                    </Tab>
                                                    <Tab heading="3 Tahun" tabStyle={{ backgroundColor: '#ffffff', }} activeTextStyle={{ color: '#222134' }}
                                                        activeTabStyle={{ backgroundColor: '#fff' }}>

                                                        <Chart mf_id={this.state.mf_id} day={1095} />
                                                    </Tab>
                                                </Tabs>

这是我对图表时间的追求

enter image description here

0 个答案:

没有答案