Færdiggjort

D3 OHLC Javascript graph

Adapt the javascript example based in Github [url removed, login to view] which is using the Github based html file [url removed, login to view] with the following:

1. fetch data from a url and afterward the query draw the ohlc graph. After klicking a button data should be loaded again and the graph should be drawed with the new data. The fetch data function should be in a dedicated script.

fetch(url)

.then((resp) => [url removed, login to view]())

.then(function(data) {

for (let i = 0; i < [url removed, login to view]; i++) {

data[i].date = new Date(data[i].date);

}

updateGraph(data);

})

.catch(function(error) {

});

Data looks like:

[

{

"high": 620.79,

"close": 603.0,

"low": 440.0,

"open": 40.0,

"date": "2016-07-18",

"volume": 5.21329842

},

{

"high": 620.0,

"close": 613.96,

"low": 602.0,

"open": 613.0,

"date": "2016-07-19",

"volume": 5.90101612

},

...

]

2. add lines based on the input data and input color to the graph. Number of lines is depending on the input. Only draw lines if the input equal to drawLine. Only draw the ohlc graph if the type is ohlc. A Line example can be found here: [url removed, login to view] Not sure if that can be adapted.

Data for one graph and two lines looks like:

{

"0": {

"type": "ohlc",

"data": [

{

"open": 550.0,

"close": 603.0,

"date": "2016-07-18",

"low": 550.0,

"high": 617.79,

"volume": 5.21329842

},

{

"open": 613.0,

"close": 613.96,

"date": "2016-07-19",

"low": 603.0,

"high": 617.0,

"volume": 5.90101612

}

]

},

"1": {

"type": "drawLine",

"color": "#7CFC00"

"data": [

{

"price": 400.0,

"date": "2016-07-18",

},

{

"price": 450.0,

"date": "2016-07-19",

}

],

},

"2": {

"type": "drawLine",

"color": "#00BFFF"

"data": [

{

"price": 600.0,

"date": "2016-07-18",

},

{

"price": 650.0,

"date": "2016-07-19",

}

],

}

}

3. via a checkbox set the y axis to start from the value the script is using actually or to start from 0. This should be in the separate fetch sript and given to the graph script as parameter.

4. do documentation inside the new fetch data script. And documentation of the [url removed, login to view] script.

Please provide a fixed price for the adaption.

Please also provide a sample script you've done to see the programming style.

Please provide a date until you've finished the adapted.

Færdigheder: Javascript

Se mere: javascript graph chart, graph generator javascript, graph chart javascript, javascript image panning component example, javascript auto hint textarea example, javascript mouse follow firefox example flash, javascript drag drop cart example, html javascript dynamic form update example, javascript graph generator, javascript photo viewer mouse example, graph gauge javascript, javascript sliding image effect example, online graph generator javascript, javascript scrolling image banner example, javascript auto resize pop window based image size

Om arbejdsgiveren:
( 2 bedømmelser ) 3150, Switzerland

Projekt-ID: #16298372

Tildelt til:

€111 EUR in 2 dage
(20 bedømmelser)
5.3

6 freelancers are bidding on average €145 for this job

€155 EUR in 3 dage
(26 bedømmelser)
6.4
markbrandt968

hello I am a high skill in your job skill I can start work immediately and work for a long-time I can provide you perfect result please message me thank you

€250 EUR in 3 dage
(5 bedømmelser)
3.7
programmerexper3

My name is Z S M P. i am professional developer and I am Expert in Javascript. i have completed 200+ based projects in programming with 100% client satisfaction.I have working experiences of more than 10 years. I have Mere

€101 EUR in 3 dage
(0 bedømmelser)
0.0
€155 EUR in 10 dage
(0 bedømmelser)
0.0
MichaelCoder1

HI I am Dynamic C. I am senior Developer and I am Expert in Javascript. I have completed 200+ based projects in programming with 100% client satisfaction I have Working experiences of more than 15 years. I have check Mere

€100 EUR in 3 dage
(0 bedømmelser)
0.0