Completed

Graph Development (Javascript + jQuery + CSS) with Highcharts

Hi there,

I need a chart with the Highchart library following the image being shown attached (image 1)

It will look a lot like the company chart below (Highchart was used as well):

[login to view URL]

Link to download the library:

[login to view URL]

Link to examples:

[login to view URL]

I guess our chart will be this type below:

[login to view URL]

Important:

The JSON that you will receive to produce the chart will have the following variables:

- List with years being used

- The two Y-axis values ​​(start and end)

- list with green chart values ​​(month to month, with increasing positive variation to make the curve)

- list with values ​​of the pink chart (month to month, with increasing positive variation to make the curve)

- Light purple chart: list with bottom values ​​+ list with top values ​​(to form the fill)

- Dark purple chart: list with bottom values ​​+ list with top values ​​(to form the fill)

Important tips:

1. The graph itself does not need to have the subtitle, the subtitle area that is being shown below will be implemented by our team in a DIV outside the chart.

2. Attached is the file in Adobe XD to capture the colours (hint: font of the chart is regular Montserrat)

3. The x-axis will always be the same: 11 records - beginning in the current year, walking every 2 years, and ending with "..."

4. The y-axis always has only 2 elements. The initial value and the final value

5. See in the graph subtitle area that the green and pink graphics are checkboxes.

What it means: When the user clicks these buttons, our software will call your chart library, however with the zero values ​​of the chart that will be hidden. In this case, the graph should not show this line. Your graph initialization needs to be able to receive an argument to know if each line will appear or not.

6. Tip: Put your code inside a method so it's easy to get started

7. Tip 2: Inbound JSON has not yet been developed, so we have the flexibility to set it up otherwise, which you believe will be easier for you to implement.

Please add the phrase: ROSECUT so that I make sure you have read the project.

Cheers

Gustavo

Skills: CSS, HTML, HTML5, Javascript, jQuery / Prototype

See more: highcharts line chart, highcharts example, highcharts pie chart example, highcharts network graph, javascript charts, highcharts documentation, highcharts api, highcharts js, html css flash javascript jquery freelancer, webdesign graphic css html javascript jquery flash, javascript jquery css, css javascript jquery slider, design ebay listing template html css javascript jquery, php html css javascript jquery mysql, php javascript jquery css, jquery css javascript repost, html5 css javascript jquery, javascript jquery interactive front end web development, web design html css javascript jquery set, HTML CSS JavaScript JQuery

About the Employer:
( 0 reviews ) Wembley, United Kingdom

Project ID: #19783709

Awarded to:

Rauxmedia

Good day, ROSECUT: Senior software developer at your service. I have vast experience working with HTML/CSS and JS and can bring any desired UI into life with pixel perfection and the right functionality. I have used H More

£500 GBP in 7 days
(36 Reviews)
6.7

15 freelancers are bidding on average £612 for this job

meet2amitvw

Dear employer i am having relevant skills and experience as you requested in your project description... [login to view URL] (done with angular7 & material design with highchart) Username: More

£1000 GBP in 10 days
(115 Reviews)
9.2
kabirchy

ROSECUT Hi there, I have checked your project brief very carefully and can develop this chart from JSON data. I will make necessary adjustments to make it look like your design files. I have several years of experie More

£500 GBP in 7 days
(598 Reviews)
8.9
xtremewebtech

ROSECUT hy! Dear how are you? hope you will be fine. i read your project description and ready to work for you so please come in chat without wasting time so that we can start working quickly. i have good command More

£588 GBP in 7 days
(271 Reviews)
8.3
rginfotech1

"ROSECUT" Hi Gustavo, Greeting of the Day! I've reviewed your project description and glad to let you know that I'm able to implement Custom JS Chat as per your requirements. I've designed and developed a lot of web More

£500 GBP in 7 days
(329 Reviews)
8.2
raindropsin

ROSECUT Hello! Gustavo! I had developed on the project manager survey plugin. The user can fill up the form and submit it. based on submission we produce a result in percentage meter as you got the SPIDER GRAPH. More

£1307 GBP in 18 days
(105 Reviews)
7.6
WebColorIn

ROSECUT Hi there! I have experience in highcharts and coding javascript / vue / angular / jquery etc so placing my bid. I saw the mockup and was trying to relate each points you asked. So basically you need More

£530 GBP in 7 days
(72 Reviews)
7.0
pappudeveloper

Hello Sir , Thank you very much for posting this [login to view URL] are clear with your project requirements & we can do this job for you ,kindly visit our Freelancer Portfolio Section to see our reviews & work experience :) More

£471 GBP in 12 days
(114 Reviews)
7.0
SafalWeb

ROSECUT Hi Gustavo, My work experience as shown in my profile have helped me develop mastery in Website design & development. I'm a full-stack developer with more than 10 years of work experience. I have exp More

£674 GBP in 12 days
(130 Reviews)
6.7
pixelonline

ROSECUT Hi Gustavo, We can develop the desired graph, however the master role in developing the graphic will be retrieving the data, as you said you have not developed the JSON bridge yet, how much time do you thin More

£500 GBP in 7 days
(22 Reviews)
6.4
£588 GBP in 10 days
(101 Reviews)
6.6
unbre4kab1esl

ROSECUT. Hi Gustavo, I fully understand what do you need to build and I'm ready to develop the Graph starting right now and finish ASAP. thank you.

£475 GBP in 5 days
(73 Reviews)
6.7
ZhangXH

Hello, I am a full-stack Web Application Developer and Consultant. Also I'm an experienced and dedicated web developer who guarantees hard work, quality and perfection. I have a strong experience in Javascript + j More

£500 GBP in 10 days
(35 Reviews)
6.1
AnilTejwani73

Hi Gustavo, Regarding HighChart Project for RoseCut. Thanks for the XD file, that does help a lot. If you cant provide me JSON for the moment, I can temp create [login to view URL] till you can provide me. I will sure More

£450 GBP in 7 days
(52 Reviews)
6.0
akgarg007

Hi - ROSECUT I am a PHP, Codeigniter & Laravel Expert. [ API INTEGRATION ]. I have worked on PHP, HTML5, Laravel, and Codeigniter. I have properly read the project requirement. I can immediately start to work on yo More

£600 GBP in 12 days
(29 Reviews)
5.3