Find Jobs
Hire Freelancers

D3 OHLC Javascript graph

€30-250 EUR

In Progress
Posted about 6 years ago

€30-250 EUR

Paid on delivery
Adapt the javascript example based in Github [login to view URL] which is using the Github based html file [login to view URL] 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) => [login to view URL]()) .then(function(data) { for (let i = 0; i < [login to view URL]; 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: [login to view URL] 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 [login to view URL] 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.
Project ID: 16298372

About the project

2 proposals
Remote project
Active 6 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs

About the client

Flag of SWITZERLAND
3150, Switzerland
5.0
3
Payment method verified
Member since Nov 29, 2015

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.