You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Vaadin 14+ Charts:如何修改钻取返回按钮文本(含翻译需求)

修改Vaadin 14+ Charts钻取返回按钮文本的方法

要修改Vaadin 14+ Charts中钻取返回(drillup)按钮的文本,可通过以下两种常见方式实现:

1. 直接设置自定义文本

利用Vaadin Charts提供的DrillupButton API,直接指定按钮显示的文本内容:

// 创建图表实例
Chart chart = new Chart(ChartType.COLUMN);
Configuration conf = chart.getConfiguration();

// 配置钻取返回按钮
DrillupButton drillupButton = new DrillupButton();
drillupButton.setText("返回上级"); // 替换为你的自定义文本
conf.setDrillupButton(drillupButton);

// 后续添加钻取数据系列等其他配置...

2. 结合国际化实现多语言切换

如果需要支持多语言翻译,可配合Vaadin的国际化机制,从本地化资源文件中读取文本:

  1. 在项目的本地化资源文件(如messages_zh_CN.properties)中添加配置:
chart.drillup.back=返回上级
  1. 在代码中获取本地化文本并设置:
Chart chart = new Chart(ChartType.COLUMN);
Configuration conf = chart.getConfiguration();

// 从本地化资源中读取文本
String drillupText = getTranslation("chart.drillup.back");
DrillupButton drillupButton = new DrillupButton();
drillupButton.setText(drillupText);
conf.setDrillupButton(drillupButton);

注:Vaadin Charts底层基于Highcharts,所有Highcharts中drillupButton的配置项(如样式、位置等)都可通过Vaadin对应的API进行扩展设置。

内容的提问来源于stack exchange,提问作者thi gg

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.04 01:20:41