---
title: 'GWT Charting Bibliothek gflot und charts4j.'
url: 'https://tutego.de/blog/javainsel/2009/05/gwt-charting-bibliothek-gflot-und-charts4j'
markdown: 'https://tutego.de/blog/javainsel/2009/05/gwt-charting-bibliothek-gflot-und-charts4j.md'
date: '2009-05-05'
description: 'Alles fängt mit http://jquery.com/ an. Darauf baut auf http://code.google.com/p/flot/, eine JavaScript-Bib. für Chars: Basic example Different graph types and setting various options Turning series on/off Selection support and zooming and zooming with overview Plotting time series and visitors per…'
taxonomy:
  category:
    - GWT
    - 'Open Source'
    - 'Web Frameworks'
---

# GWT Charting Bibliothek gflot und charts4j.

![Illustration einer tropischen Insel mit Palmen und einem hohen Berg](https://tutego.de/blog/javainsel/user/themes/tutego/images/insel-cover.jpg)# Java Blog für Programmierer

[Java Blog für Programmierer](https://tutego.de/blog/javainsel/)

## GWT Charting Bibliothek gflot und charts4j.

05.05.2009 · [Christian Ullenboom](https://tutego.de/blog/javainsel/author/admin/)

Alles fängt mit [http://jquery.com/](http://jquery.com/ "http://jquery.com/") an. Darauf baut auf [http://code.google.com/p/flot/](http://code.google.com/p/flot/ "http://code.google.com/p/flot/"), eine JavaScript-Bib. für Chars:

- [Basic example](http://people.iola.dk/olau/flot/examples/basic.html)
- [Different graph types](http://people.iola.dk/olau/flot/examples/graph-types.html) and [setting various options](http://people.iola.dk/olau/flot/examples/setting-options.html)
- [Turning series on/off](http://people.iola.dk/olau/flot/examples/turning-series.html)
- [Selection support and zooming](http://people.iola.dk/olau/flot/examples/selection.html) and [zooming with overview](http://people.iola.dk/olau/flot/examples/zooming.html)
- [Plotting time series](http://people.iola.dk/olau/flot/examples/time.html) and [visitors per day with zooming and weekends](http://people.iola.dk/olau/flot/examples/visitors.html)
- [Dual axis support](http://people.iola.dk/olau/flot/examples/dual-axis.html)
- [Interacting with the data](http://people.iola.dk/olau/flot/examples/interacting.html)

[http://code.google.com/p/gflot/](http://code.google.com/p/gflot/ "http://code.google.com/p/gflot/") ist nun der GWT-Aufsatz auf flot.

[![](http://gflot.googlecode.com/svn/site/demo_icon.png)](http://www.scs.carleton.ca/~adlbatti/gflot-demo/GFlotDemo.html)

Für eine Bar-Diagramm ist nur folgender Quellcode nötig:

```

final String[] MONTH_NAMES = { "jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec" };PlotModel model = new PlotModel();PlotOptions plotOptions = new PlotOptions();BarSeriesOptions barSeriesOptions = new BarSeriesOptions();barSeriesOptions.setShow(true);barSeriesOptions.setLineWidth(1);barSeriesOptions.setBarWidth(1);barSeriesOptions.setAlignment(BarAlignment.CENTER);plotOptions.setDefaultBarsSeriesOptions(barSeriesOptions);plotOptions.setLegendOptions(new LegendOptions().setShow(false));// add tick formatter to the optionsplotOptions.setXAxisOptions(new AxisOptions().setTicks(12).setTickFormatter(new TickFormatter() { public String formatTickValue(double tickValue, Axis axis) {   if (tickValue > 0 && tickValue
```

Kategorien: [GWT](https://tutego.de/blog/javainsel/category/gwt/), [Open Source](https://tutego.de/blog/javainsel/category/open-source/), [Web Frameworks](https://tutego.de/blog/javainsel/category/web-frameworks/)

[← Alle Beiträge](https://tutego.de/blog/javainsel/)

---

## Navigation

- Previous: [Dozer 5.0](https://tutego.de/blog/javainsel/2009/05/dozer-5-0.md)
- Next: [gwt-connectors – Verbindungen zwischen Formen](https://tutego.de/blog/javainsel/2009/05/gwt-connectors-%e2%80%93-verbindungen-zwischen-formen.md)