Em Andamento

Create script with javascript for area chart with negative and positive values

I need a script for an area chart that will be displayed on a web page. The attached image is an example of what I'm trying to create. The x-axis scale runs from -10 to +10, and the y-axis runs from -10 to +10. Neither axis should be visible.

The right side of the chart (x=0 to x=10) should be a right triangle whose hypotenuse has a slope of one. This right triangle will be filled with the following color scheme: for x=0 to x=1, color #FFFFFF, for x>1 to x=5, gradually go from lighter green to darker green with the following array of colors: (#85FF5C, #94FF70,#A3FF85,#B2FF99,#C2FFAD,#D1FFC2,#E0FFD6,#F0FFEB), for x>5 to x=10, the color should be #66FF33.

The left side of the chart (x=-10 to x=0) should be a right triangle whose hypotenuse has a slope of negative one. This right triangle will be filled with the following color scheme: for x=-1 to x=0, color #FFFFFF, for x=-5 to x<-1, gradually go from lighter red to darker red with the following array of colors: (#FF5C33,#FF704D,#FF8566,#FF9980,#FFAD99,#FFC2B2,#FFD6CC,#FFEBE6), for x<-5, the color should be #FF3300.

In addition, there will be a vertical bar on the chart that will take a decimal value, d, from my php script (e.g., 7). This bar will have (x,y) coordinates equal to (d,d), width of 0.5, and have color #46569C. If d is positive, there will be a label above the bar that reads "d%". If d is negative, there will be a label underneath the bar that reads "-d%".

Habilidades: Dthreejs, HTML5, Javascript, jQuery / Prototype, PHP

Ver mais: x-axis, create a bar chart, bar chart javascript, positive, chart bar chart, chart example, right triangle, chart script, javascript array php array, array javascript, chart javascript, slope php, javascript bar chart, php javascript chart, members area script javascript, create chart, create script php, label web page, positive array, color chart, page label web page, side bar javascript, javascript axis php, label image script, script label

Acerca do Empregador:
( 100 comentários ) PRINCETON, United States

ID do Projeto: #6737637

Premiar a:

thanhhungqb

Dear sir, I have read your requirement careful and interested in it. Please have a look on my demo here: [url removed, login to view] We can do it with javascirpt a Mais

$25 USD em 1 dia
(28 Avaliações)
4.4

2 freelancers estão ofertando em média $33 para este trabalho

jDevAndDesign

hi, i can help you with this if you are interested in my bid i can have a FREE demo for you by tomorrow. regards.

$40 USD em 1 dia
(192 Comentários)
7.0