Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implementing HighStock example #2

Closed
tomerf8 opened this issue Jan 21, 2017 · 3 comments
Closed

Implementing HighStock example #2

tomerf8 opened this issue Jan 21, 2017 · 3 comments

Comments

@tomerf8
Copy link

tomerf8 commented Jan 21, 2017

I'm trying to implement the HighCharts demo at:
https://jsfiddle.net/gh/get/jquery/3.1.1/highslide-software/highcharts.com/tree/master/samples/stock/demo/candlestick-and-volume/

In this example there are 2 series of data, styling is a bit different

  • I'm using a local data file.

I'm getting a blank screen

@donaldmorton
Copy link
Contributor

Highstock module is not included by default on this module but you can make a small change to do so,
you have to modify the default web template located at the this.state.initfrom react-native-ChartView.js try replacing line 103,
<script src="https://code.highcharts.com/highcharts.js"></script>
with
<script src="http://code.highcharts.com/stock/highstock.js"></script>

@tomerf8
Copy link
Author

tomerf8 commented Jan 23, 2017

Thanks. It's solves the problem.

It's a bit ugly of course, but it's possible to duplicate the ChartView component and export a HighStock version.

@tomerf8 tomerf8 closed this as completed Jan 23, 2017
@donaldmorton
Copy link
Contributor

it would be a better idea to add a prop for using highstock, it could look like this:
<ChartView style={{height:300}} config={conf} useHighstock={true}></ChartView>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants