Stupid Simple JavaScript Chart Help

[Judahnator]

I was assigned the task of implementing a javascript-based chart onto a website. My problem is, i have little knowledge of how JavaScript works.

 

We have tried using everything from Google's developer resources to d3-charts, and i mean EVERYTHING. I have searched so hard for this stuff that my "Google Now" feed is nearly exclusively suggestions on line-chart content.

 

 

As much as i would rather not resort to it, i may have to learn JavaScript and code it myself. Luckily, the chart he would like is super-simple.

HERE is a image my boss threw together in photoshop of what he would like it to look like. I can manage everything except for the chart in PHP, so don't worry about the numbers.

 

So, does anyone know a good place to start? I need this done sometime this week if possible.

 

 

1: There can be NO guide-lines

2: There can be NO key/legend
3: There can be NO labels on either H or V axis
4: When a user hovers over a data point, they need the x&y data

[Cherry]

I've used Rickshaw the past with a lot of success. It's built on top of d3, but makes interactive charts a lot easier to digest.

 

Take a look at http://code.shutterstock.com/rickshaw/ and specifically http://code.shutterstock.com/rickshaw/examples/formatter.html which seems to be very similar to what you're after (though with only data set).

[prolemur]

I don't know how to do this, but I'm going to follow because I want to implement something like this on my site for downloads.

[laxer]

In the end might be more worth yours and your bosses time to buy something pre-built: http://www.highcharts.com/products/highstock

 

it runs $90 but it is free for non-commercial so you can make sure it fits your needs before purchasing.

[Cherry]

In the end might be more worth yours and your bosses time to buy something pre-built: http://www.highcharts.com/products/highstock

 

it runs $90 but it is free for non-commercial so you can make sure it fits your needs before purchasing.

HighCharts is great, but it's still only as "pre-built" as Rickshaw, Google Charts, or any other charting library. It simply provides a nice API to do what you want with, and that still requires at least some basic JS knowledge.

Chart.js is another simple library I've used in the past, though I still find Rickshaw a lot more flexible. http://www.chartjs.org/docs/

 

I don't know how to do this, but I'm going to follow because I want to implement something like this on my site for downloads.

You're more than welcome to throw me a PM if you'd like any assistance.