Java 在Vaadin图表中设置标题样式

在《瓦丁图表2》（2014-12年刚刚发布）中，我如何设计图表的标题和副标题

默认字体大小是巨大的。我在每个版面上显示多个图表，所以我不能在标题上浪费这么多空间

是否有一些命令或CSS钩子用于控制标题的字体大小和边距/填充？

Theme 控制图表外观的各种方法在大小上差别很大。新的Valo主题（和，匹配Vaadin的新主题）往往比以前的默认主题（匹配Vaadin的主题）大得多

所以改变图表标签大小的一个简单方法是切换主题。个别图表上未设置主题。取而代之的是，使用影响（web浏览器的特定窗口/选项卡/portlet）中所有图表的全局设置。这个类有一个方法

除非您有特殊需要，否则我建议将该代码放在

UI

子类的

init

方法中（例如由Maven创建的Vaadin项目中的

MyVaadinUI

，或用于NetBeans/Eclipse的Vaadin插件）

标题

对象>

样式

对象 在图2中，图表的标题和副标题由适当命名的对象表示，以及。每个都有一个可选对象。该对象具有多个与常用CSS属性相关的设置，包括：

• 字体系列
• 字号
• 颜色

字号 因此，设置字体大小是一个获取的问题：

图表对象>配置对象>标题对象>样式对象

…然后将文本大小的字符串值传递给该方法

看起来很简单，但有一个陷阱。样式对象是可选的。默认情况下，它不存在。换句话说，

样式

对象是为了让您和我覆盖已经定义的内部格式

因此，必须首先检查

样式

对象是否存在，如果为null，则实例化它

使用7.3.7和Java8中新的（）Vaadin图表2的示例代码

final Configuration configuration = chart.getConfiguration();  // As per usual, interact with the chart via its Configuration object.
Title t = configuration.getTitle();  // Obtain the object representing the title (or Subtitle for subtitle).
if ( t.getStyle() == null ) {  // If not yet existing…
    t.setStyle( new Style() );  // Instantiate a Style object and install on the Title object.
}
Style st = t.getStyle();  // Obtain the Style object (whether new or pre-existing).
st.setFontSize( "0.5em" );  // Half an em is teeny-tiny, but demonstrates this approach works to change the font size.

左右对齐 要设置标题朝向图表左侧或右侧的对齐方式，无需使用

样式

对象。

标题

对象本身有一个方法。传递枚举为左、中、右定义的值

final Configuration configuration = chart.getConfiguration();  // As per usual, interact with the chart via its Configuration object.
Title t = configuration.getTitle();  // Obtain the object representing the title (or Subtitle for subtitle).
t.setHorizontalAlign( HorizontalAlign.LEFT );

传奇 图例类似于

标题

。

配置

包含一个对象。

图例

包含一个对象

图表对象>配置对象>图例对象>样式对象

图例项 图例中的项目（标记和系列名称）具有自己的样式。要更改这些系列名称的字体或字体大小，请访问项目的样式对象。问题是没有“LegendItem”对象层。调用

Legend

方法，而不是访问这样的对象

图表对象>配置对象>图例对象>

getItemStyle

方法

主题 控制图表外观的各种方法在大小上差别很大。新的Valo主题（和，匹配Vaadin的新主题）往往比以前的默认主题（匹配Vaadin的主题）大得多

所以改变图表标签大小的一个简单方法是切换主题。个别图表上未设置主题。取而代之的是，使用影响（web浏览器的特定窗口/选项卡/portlet）中所有图表的全局设置。这个类有一个方法

除非您有特殊需要，否则我建议将该代码放在

UI

子类的

init

方法中（例如由Maven创建的Vaadin项目中的

MyVaadinUI

，或用于NetBeans/Eclipse的Vaadin插件）

标题

对象>

样式

对象 在图2中，图表的标题和副标题由适当命名的对象表示，以及。每个都有一个可选对象。该对象具有多个与常用CSS属性相关的设置，包括：

• 字体系列
• 字号
• 颜色

字号 因此，设置字体大小是一个获取的问题：

图表对象>配置对象>标题对象>样式对象

…然后将文本大小的字符串值传递给该方法

看起来很简单，但有一个陷阱。样式对象是可选的。默认情况下，它不存在。换句话说，

样式

对象是为了让您和我覆盖已经定义的内部格式

因此，必须首先检查

样式

对象是否存在，如果为null，则实例化它

使用7.3.7和Java8中新的（）Vaadin图表2的示例代码

final Configuration configuration = chart.getConfiguration();  // As per usual, interact with the chart via its Configuration object.
Title t = configuration.getTitle();  // Obtain the object representing the title (or Subtitle for subtitle).
if ( t.getStyle() == null ) {  // If not yet existing…
    t.setStyle( new Style() );  // Instantiate a Style object and install on the Title object.
}
Style st = t.getStyle();  // Obtain the Style object (whether new or pre-existing).
st.setFontSize( "0.5em" );  // Half an em is teeny-tiny, but demonstrates this approach works to change the font size.

左右对齐 要设置标题朝向图表左侧或右侧的对齐方式，无需使用

样式

对象。

标题

对象本身有一个方法。传递枚举为左、中、右定义的值

final Configuration configuration = chart.getConfiguration();  // As per usual, interact with the chart via its Configuration object.
Title t = configuration.getTitle();  // Obtain the object representing the title (or Subtitle for subtitle).
t.setHorizontalAlign( HorizontalAlign.LEFT );

传奇 图例类似于

标题

。

配置

包含一个对象。

图例

包含一个对象

图表对象>配置对象>图例对象>样式对象

图例项 图例中的项目（标记和系列名称）具有自己的样式。要更改这些系列名称的字体或字体大小，请访问项目的样式对象。问题是没有“LegendItem”对象层。调用

Legend

方法，而不是访问这样的对象

图表对象>配置对象>图例对象>

getItemStyle

方法