rrag / react-stockcharts-examples2 Goto Github PK

Hi, amazing project.
I know that the demo code here http://rrag.github.io/stockcharts-demo/ is not open source, but can you help me with an example of how to set the candlestick wick based on time (1m, 3m etc).
Also there is an UI bug in the demo header. The setting filter dropdown has extra list element. Attaching the screenshot.

Thanks.

Is there a way to place the CandleStickChartForDiscontinuousIntraDay widget inside a horizontal scrollable div (or alike) section without the chart being "compressed" into the div width size ?
I have tried

where
.selection-area{
width: 500px;
height: 500px;

overflow-x: scroll

}

but the chart's X axis gets compressed into the width I allocate rather then "expanding into the scrollable unseen area

How can I show all contents displayed in the chart? In my case, sometimes a line will be plotted above or side of the chart.

Actual result:

Expected result:

I was looking for renko chart and I found your chart but I noticed that are missing wicks on your renko charts

I would like to know how to fix it.

If you look on tradingview.com on renko charts you will see the wicks

I am very new to npm and javascript. I have no background knowledge about installation and those framework. The below are the steps I did.

1. npm install -g --save react-stockcharts@next
2. git clone examples.
   (I went to CandleStickChart and ran index.html and did not see anything and I found that I have to install and run the script)
3. go to directory of the example I want to run (CandleStickChart)
4. npm install
5. I got error message
   npm ERR! Linux 4.4.0-87-generic
   npm ERR! argv "node" "/usr/local/bin/npm" "install"
   npm ERR! node v0.10.25
   npm ERR! npm v2.15.11
   npm ERR! path /home/youngsol/react-stockcharts-examples2/examples/CandleStickStockScaleChart/node_modules/react-scripts/node_modules/babel-preset-react-app/node_modules/babel-plugin-transform-regenerator/node_modules/regenerator-transform/package.json
   npm ERR! code ENOENT
   npm ERR! errno 34

npm ERR! enoent ENOENT, open '/home/youngsol/react-stockcharts-examples2/examples/CandleStickStockScaleChart/node_modules/react-scripts/node_modules/babel-preset-react-app/node_modules/babel-plugin-transform-regenerator/node_modules/regenerator-transform/package.json'
npm ERR! enoent This is most likely not a problem with npm itself
npm ERR! enoent and is related to npm not being able to find a file.
npm ERR! enoent

6. I tried to install regenerator-transform
   npm install -g regenerator-transform/
   still no luck,

Please guide me. Thank you.
----EDIT ---
I figured that step 1 is not necessary.
I tried clone examples go to subdirectory, I ran
npm i --save-dev
still got same error.
---EDIT2 ---
I removed everyhting installed globally and locally and re-installed.
Still no luck. Even with example 1 repository.
Thanks.
---EDIT3 ---
I fixed my npm version and nodejs

npm ERR! peerinvalid The package [email protected] does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer [email protected] wants eslint-plugin-jsx-a11y@^5.0.3

still this error cannot fix anymore

thanks for your nice component .
i do all of your examples , but your examples are tsv file type ,
my project is with json api and i need to parse data .
i try to much with your example and i try d3.json to , but it confused me to much ,
can you please guide me about this example?
this one :

CandleStickChartWithUpdatingData

@rrag
thank you very much 👍 💯

What css or properties do I target to get the text to be white if using a dark background? Specifically for these chart tooltips?

The example all fail with this error.

Unhandled Rejection (TypeError)
Failed to fetch

To see the issue, go to the first example in the list https://codesandbox.io/s/github/rrag/react-stockcharts-examples2/tree/master/examples/BubbleChart

This is just a feeler to see if anyone has (or something hackable - though at this level a bit far for me) the CCI or a Price Oscillator. It is fairly standard on most packages and often requested. Seems with all the other fancy things here this would be one that perhaps has been over looked.

Like, literally:

every time I do npm run start and play with some example for a while, I find all other examples source files were deleted and I have to do git checkout . to bring them back

example CandleStickChartWithDarkTheme is not dark

Hello,
I want to format y-axis ticks according to currency/region. How can i implement? example will be better.
Below is my current code

<YAxis axisAt="left" orient="left" tickFormat={format(",." + decimals + "f")} zoomEnabled={false} {...yGridDark} />

How can I start examples2 like https://github.com/rrag/react-stockcharts-examples/tree/master/examples ?
without a node on the server only as a side item?
I have no possibility of induction on the server and I have to do it by Babel.transform.

How to prepare examples from examples2 yourself?

Is it possible to use a logarithmic price scale?

Awesome project man!!
Tried running one of the examples with interaction. Its given error with
./interactiveutils module not found. Removing the functions does the job. But I guess they are there for a reason. So could you please update it ?

An example:

https://codesandbox.io/s/github/rrag/react-stockcharts-examples2/tree/master/examples/StackedBarChart

throws in console 'Warning: Failed prop type: The prop children is marked as required in Tick, but its value is undefined.'

I'm trying to create a candlestick with table data like this below but I can only generate this using "hover tooltip". Is there a way to achieve this view like below?

Thanks in advance,