misghna / fanus-chart Goto Github PK

chart types
as a user, i want to be able to switch b/n candle stick and line charts
Note: last choice as default ( decide object model)

(creating Navbar)
as a user I should have a nav bar on top to navigate around the menu options
https://getbootstrap.com/docs/4.0/components/navbar/#nav

socketName : fanusws
topic : /ws/ticker// , example : /ws/ticker/FB/1m
response sample :
{
"name":"FB",
"type":"partial",
"time":1538746800000,
"open":256,
"high":258,
"low":254,
"close":257,
"volume":45330
}

or {
"name":"FB",
"type":"full",
"time":1538746800000,
"open":256,
"high":258,
"low":254,
"close":257,
"volume":45330
}

as a used i have to be able to clone a selected line (parallel and dragable)

Theme
as a user i should be able to switch theme light/dark (http://rrag.github.io/react-stockcharts/documentation.html#/theme_dark)
Note: last choice as default

as a returning user, my configurations should be saved in the system by default

url : /api/ticker?name=&interval=<1m>
valid intervals : 1m, 5m and daily

response sample:
[{"time":1538746200000,"open":227.96,"high":228.41,"low":227.5,"close":227.61,"volume":336100},{"time":1538746260000,"open":227.66,"high":227.95,"low":227.53,"close":227.85,"volume":62000},{"time":1538746320000,"open":227.83,"high":227.83,"low":227.22,"close":227.38,"volume":107900},{"time":1538746380000,"open":227.4,"high":227.57,"low":227.26,"close":227.3,"volume":79700},{"time":1538746440000,"open":227.32,"high":227.39,"low":226.84,"close":227.21,"volume":137000},{"time":1538746500000,"open":227.22,"high":227.44,"low":227.04,"close":227.3,"volume":98200},{"time":1538746560000,"open":227.32,"high":228.14,"low":227.31,"close":227.96,"volume":133400},{"time":1538746620000,"open":227.96,"high":228.14,"low":227.81,"close":227.83,"volume":105000},{"time":1538746680000,"open":227.87,"high":227.87,"low":227.44,"close":227.52,"volume":86600},{"time":1538746740000,"open":227.51,"high":227.8,"low":227.32,"close":227.38,"volume":78600},{"time":1538746800000,"open":227.42,"high":227.61,"low":227.35,"close":227.43,"volume":69900},{"time":1538746860000,"open":227.45,"high":227.54,"low":227.31,"close":227.48,"volume":58900},{"time":1538746920000,"open":227.51,"high":227.61,"low":227.22,"close":227.26,"volume":58600}]

as a user I should be able to open multiple charts at a time ( stacked vertically)

Create new React Project
repo: https://github.com/misghna/fanus-chart

as, a user i should be able to

1. switch b/n trendline and cross hair
2. be able to save trendlines (for each line 2 sets of, time, price, color)
3. be able to choose color before I draw a trendline

http://rrag.github.io/react-stockcharts/documentation.html#/trendline

as a user, I should be able to switch b/n 1m,5m and daily
Note: each are separate calls to BE & last call is a default

add chart
plugin basic chart functionality using the following example as a starting point
https://codesandbox.io/s/github/rrag/react-stockcharts-examples2/tree/master/examples/CandleStickChartWithZoomPan