📜  GWT Highcharts-3D图表(1)

📅  最后修改于: 2023-12-03 15:01:05.543000             🧑  作者: Mango

GWT Highcharts-3D图表

GWT Highcharts-3D图表是基于Highcharts的一款GWT图表库,它提供了众多的3D图表种类,如柱状图、饼图、折线图等等。

特性
  • 支持众多3D图表种类。
  • 灵活的配置项,用户可以定制自己需要的图表。
  • 易于使用,用户只需要简单的配置即可生成想要的图表。
  • 可以在移动设备以及PC端使用。
  • 支持跨浏览器运行,无需担心兼容性问题。
安装

你可以通过以下方式引入GWT Highcharts-3D图表。

Maven依赖:

<dependency>
    <groupId>com.github.highcharts4gwt</groupId>
    <artifactId>highcharts4gwt-3d</artifactId>
    <version>1.3.11</version>
</dependency>

Gradle依赖:

dependencies {
    compile group: 'com.github.highcharts4gwt', name: 'highcharts4gwt-3d', version: '1.3.11'
}
示例

下面是一个简单的例子展示如何使用GWT Highcharts-3D图表。

HighchartsOptions chartOptions = new HighchartsOptions();

ChartConfig chartConfig = new ChartConfig();

chartConfig.setType(Series.Type.COLUMN);

Chart chart = new Chart();
chart.setChartConfig(chartConfig);

List<Series> seriesList = new ArrayList<Series>();

ArrayList<Double> data = new ArrayList<Double>(Arrays.asList(3.0, 4.0, 9.0, 2.0, 7.0));

Series series = new Series();
series.setName("My Series");
series.setData(data);

seriesList.add(series);

chart.setSeries(seriesList);

HighchartsWidget highchartsWidget = new HighchartsWidget(chart, chartOptions);

RootPanel.get().add(highchartsWidget);

此代码将在你的页面上生成一个简单的柱状图,如下所示:

柱状图示例

配置项

GWT Highcharts-3D图表支持许多配置项,允许用户灵活定制自己所需要的图表。你可以查看Highcharts中文网来查找更多详细的配置项。

总结

GWT Highcharts-3D图表是一个高度灵活且易于使用的图表库,使用它可以让你轻松地在你的Web应用程序中生成各种3D图表。