GWT Highcharts - 概述

简介

GWT Highcharts是一个基于Javascript图表库Highcharts的GWT封装库，它提供了对Highcharts的Java API的支持，并且可以在GWT项目中方便地使用Highcharts图表库。

Highcharts是一个流行的Javascript图表库，它提供了许多类型的图表（如线图，面积图，柱状图等等）以及丰富的配置选项。同时，Highcharts还支持多种数据格式导入，如XML、JSON、CSV等。

GWT Highcharts库的目的是为GWT项目提供使用Highcharts的方便性。通过使用GWT Highcharts库，程序员可以使用Java代码来生成Highcharts图表，而不必学习Javascript并手动编写Highcharts代码。

特点

• 使用Java代码生成Highcharts图表。
• 支持Highcharts库的所有类型的图表。
• 完全支持Highcharts的Java API。
• 可以轻松地使用Highcharts的数据格式导入功能。
• 可以与GWT项目无缝集成。
• 支持多语言。

安装

要使用GWT Highcharts库，需要下载相应的jar包，并将其添加到项目的类路径中。可以从GWT Highcharts的官方网站或者Maven中央仓库进行下载。

Maven用户可以在项目的pom.xml文件中添加以下依赖：

<dependency>
    <groupId>com.github.highcharts4gwt</groupId>
    <artifactId>highcharts4gwt</artifactId>
    <version>4.2.7</version>
</dependency>

使用

使用GWT Highcharts库，需要首先创建一个Highcharts图表对象，然后在此对象上设置相应的属性，最后将其渲染出来。

以下代码演示了如何生成一张简单的线图：

import com.github.highcharts4gwt.model.highcharts.Chart;
import com.github.highcharts4gwt.model.highcharts.ChartConfiguration;
import com.github.highcharts4gwt.model.highcharts.Option;
import com.github.highcharts4gwt.model.highcharts.Series;
import com.github.highcharts4gwt.client.view.HighChartsWidget;

ChartConfiguration chartConfig = new ChartConfiguration();

Chart chart = new Chart();
chart.setType(org.moxieapps.gwt.highcharts.client.Chart.Type.LINE);
chartConfig.setChart(chart);

Option options = new Option();

Series series = new Series();
series.setName("My Series");
series.setData(new Number[] { 1, 3, 2, 4, 3 });
options.setSeries(new Series[] { series });

chartConfig.setOptions(options);

HighChartsWidget widget = new HighChartsWidget(chartConfig);

//将widget添加到DOM中
rootPanel.add(widget);

总结

GWT Highcharts是一个方便的Java库，它允许程序员在GWT项目中使用流行的Javascript图表库Highcharts。通过使用GWT Highcharts库，程序员可以使用Java代码来生成Highcharts图表，而不必学习Javascript并手动编写Highcharts代码。