BarGraph

An addon that draws (optionally stacked) bar graphs.

View larger

Close

Supports automatic scaling, horizontal guidelines and a informative mouseover labels on the bars. The bars are drawn as plain divs.

Sample code

BarGraph graph = new BarGraph();
graph.setWidth("640px");
graph.setHeight("480px");

// Generate 20 random bars that have 2 datapoints each
List<Datapoint> data = new ArrayList<Datapoint>();
for (int i = 0; i < 20; ++i) {
   Double[] points = new Double[2];
   String[] labels = new String[2];
   points[0] = new Random().nextDouble() * 10;
   labels[0] = "Bar " + i + " point 1 value is " + points[0];
   points[1] = new Random().nextDouble() * 10;
   labels[1] = "Bar " + i + "  point 2 value is " + points[1];
   data.add(new Datapoint("Bar " + i, points, labels));
}

graph.setData(data);

Links

• Live demo
• Sources
• Forum post with more info

Compatibility