react-highcharts

Dynamically update Highcharts chart in react

穿精又带淫゛_ 提交于 2020-06-12 06:31:46
问题 I am using highcharts-react-official in react-redux to create a drilldown chart. However when I click on a bar to drilldown, I also update some props which causes the component to re-render - which seems to prevent the drilldown event. I kind of gathered from Change series data dynamically in react-highcharts without re-render of the chart that I should use shouldComponentUpdate and getChart() to prevent re-render and instead dynamically update the data. My issue is that getChart() doesn't

Dynamically update Highcharts chart in react

梦想的初衷 提交于 2020-06-12 06:30:30
问题 I am using highcharts-react-official in react-redux to create a drilldown chart. However when I click on a bar to drilldown, I also update some props which causes the component to re-render - which seems to prevent the drilldown event. I kind of gathered from Change series data dynamically in react-highcharts without re-render of the chart that I should use shouldComponentUpdate and getChart() to prevent re-render and instead dynamically update the data. My issue is that getChart() doesn't

How to add export functionality to custom button in React highcharts?

亡梦爱人 提交于 2020-01-24 16:37:11
问题 I have this project in which I am trying to implement export highchart functionality from out side of the chart. Is there any way I can achieve that? I am using React highcharts and the download formats are Jpeg and CSV. Thanks in advance 回答1: I found an solution using functional components: First import the modules: import * as Highcharts from 'highcharts'; import HighchartsReact from 'highcharts-react-official'; require('highcharts/modules/exporting')(Highcharts); require('highcharts

How can I make React Native in Android aware of a click event in a tooltip in a Highcharts chart?

瘦欲@ 提交于 2019-12-24 15:42:14
问题 I have a React Native application built with Expo. On How can I add links in a Highcharts tooltip that will open on mobile's browser? I was able to pass a URL to Highcharts so that when a tooltip is clicked, that URL is opened: return( <View style={styles.container}> <ChartView onMessage={m => this.onMessage(m)} config={config} /> </View> This triggers this method to open the URL: onMessage = (m) => { let data = JSON.parse(m.nativeEvent.data); Linking.openURL(data.url) }; And the URL gets