Tag: graph

Amazon Cloud Watch Graphs – Library offering similar graphs?

When reviewing data in AWS Cloud Watch, the line charts allow you to select an area, and then it zooms into that section of the chart. Are there any charts, html5, jQuery, that offer something similar? Example:

How to build a statistics graph?

I want to build a statistic graph that shows how many users have registered per day and maybe some other data. I have a MySql table in which I store the date they registered and usernames and etc. How would I build such a graph ? What do I need for it ?

Persisting flot legend label checkbox on un-check

I have a scenario where I want to toggle series based on checkbox selection. I have added the checkbox to the legend using labelFormatting in legend option like: var otherOptions = { legend: { container: legend, labelFormatter: function (label, series) { var cb = ‘<input type=”checkbox” name=”‘ + label + ‘” checked=”checked” id=”id’ + label […]

Pareto Chart/Graph using Javascript/Html/JSON

Im trying to find any plugins, examples or related resources on how to built a Pareto Chart for an html page. I’d like to be able to built it out of html, style it w/ CSS and populate data via json. Im willing to build it out of scratch by using a combination of a […]

How to give JointJS elements a remove tool?

In JointJS, links come with a handy responsive tool for removing links (when you hover over the link, an “x” appears, and clicking it removes the link). Elements, on the other hand, have a remove() method in the API, but don’t have the UI “x” to expose that method to users. Is there a straightforward […]

Find parent element data value and display it

I made a simple horizontal graph chart and use jQuery and data-value in html to set the width of each bar and this part works fine. I am stuck trying to display the data-value inside each graph bar. The following jQuery code displays the last graph bar’s data-value which is 22% in every graph bar. […]

Ecg graph with html5 canvas

My need is to draw a ECG graph on canvas for socket data per every data iteration. I tried to look into several graph plugins which use canvas to plot graphs, tried http://www.flotcharts.org/ but didn’t succeed. I Tried to plot graph using below basic html5 canvas drawline with sample data. var fps = 60; var […]

How to Display a Blank Graph with Flot

Just as the title states, I’m looking to display a blank “template” graph (by which, I mean that the webpage will display a graph without any lines on it) for a finance calculator that I’m building for work. The basic setup of the webpage will have a blank graph at the top with an HTML […]

JqPlot pie chart jqplot-event-canvas position top left

I’ve just started using JqPlot and want to display a small chart However there is always a small margin at the top and to the left. Looking at the css produced the jqplot-event-canvas is given absolute position with top and left set at 10px. Is there a simple way to solve this so that the […]

JQPlot Hide Lines from Legend Click

Possible Duplicate: Dynamic Flot graph – show hide series by clicking on legend text or box on graph I am using JQPlot and I have a question about hiding lines if they have been clicked on in the legend. Here is my code: var plotCustomerSurveyGraph = $.jqplot(‘CustomerSurveyLineGraph’, [[0,1,3,2,3,0,1,3,1,2,3,1,2], [1,2,3,1,1,2,2,3,3,1,2,1,2], [1,2,3,4,4,3,2,2,1,4,3,2,2], [0,1,3,3,1,2,2,1,1,0,0,1,2],[2,2,3,3,4,4,0,2,0,1,1,3,3], [2,2,3,3,1,1,0,1,0,2,3,3,1], [1,3,1,4,3,3,1,2,3,4,1,2,1], [2,1,3,2,1,2,0,1,2,4,2,1,0]], { […]