EAS8.8高级图表控件

为了满足客户端展示图表的需要在客户端引入了前端ECharts图表框架。开发人员可以在任意的界面嵌入图表极大丰富了交互体验。

发布版本：EAS8.8

上线日期：2022/10/31

补丁号：EAS8.8安装包

新特性介绍

• 允许客户端在任意界面嵌入前端的ECharts图表。
• 具有和前端ECharts图表一样的展示效果和兼容性。
• 可以设置响应图表事件。
• 编码简单一端编写多端显示。

特性效果展示

下面用例子展示如何使用高级图表控件和其显示效果。

1. 在使用前需要引入ctrl_ext.jar和ECharts-3.0.0.6.jar，可以在客户端安装路径client/lib下面获取。

2. 在界面嵌入ECharts显示面板代码如下：

//创建数据，可以参考ECharts官网的Option操作https://echarts.apache.org/zh/option.html#title
private Option getOption()
{
Option p = new GsonOption();
CategoryAxis caxis = new CategoryAxis();
caxis.setData(Arrays.asList("一月","二月","三月","四月","五月","六月","七月"));
p.title().setText("上半年生产值");
p.title().textStyle().setFontSize(24);
p.xAxis().add(caxis);
p.yAxis().add(new ValueAxis());
p.tooltip().trigger(Trigger.axis);
p.tooltip().axisPointer().type(PointerType.shadow);
p.legend().data(Arrays.asList("2020年","2021年"));
Bar bar1 = new Bar();
bar1.name("2020年");
bar1.setData(Arrays.asList(120,200,150,80,70,110,130));
Bar bar2 = new Bar();
bar2.name("2021年");
bar2.setData(Arrays.asList(50,120,200,30,120,60,150));
p.series().add(bar1);
p.series().add(bar2);
DataZoom sDataZoom = new