以编程方式为Vaadin图表系列创建颜色

以编程方式为Vaadin图表系列创建颜色,vaadin,vaadin-flow,vaadin14,Vaadin,Vaadin Flow,Vaadin14,在Vaadin 14.4.2中,是否可以通过编程计算序列颜色的方式创建包含多个序列的图表?具体来说,我可能有~100个系列,但它们都与一个数字有关,特别是一个化学元素的质量。因为我知道在我的应用程序中,质量将在100到2000之间,所以我希望该系列的颜色范围从100的蓝色到2000的红色。这样,当用户查看图表时,他们直观地知道该系列是指重化学红色还是轻化学蓝色 为了实现这一点,我想我需要有一些编程方式来设置一个系列的颜色,但我认为在Vadading 14.4.2中这实际上是不可能的,对吗 以下是

在Vaadin 14.4.2中,是否可以通过编程计算序列颜色的方式创建包含多个序列的图表?具体来说,我可能有~100个系列,但它们都与一个数字有关,特别是一个化学元素的质量。因为我知道在我的应用程序中,质量将在100到2000之间,所以我希望该系列的颜色范围从100的蓝色到2000的红色。这样,当用户查看图表时,他们直观地知道该系列是指重化学红色还是轻化学蓝色

为了实现这一点,我想我需要有一些编程方式来设置一个系列的颜色,但我认为在Vadading 14.4.2中这实际上是不可能的,对吗

以下是此类图表的一个示例:

数据系列的颜色由自定义属性-vaadin-charts-Color-0、-vaadin-charts-Color-1、…、-vaadin-charts-color-9。您可以通过编程方式定义它们的值,如下所示

charts.getElement().getStyle().set("vaadin-charts-color-1","#2dd7a4");

第二个字符串参数是颜色值,它可以是CSS中接受的任何格式。

数据系列的颜色由自定义属性-vaadin-charts-color-0、-vaadin-charts-color-1、-vaadin-charts-color-9。您可以通过编程方式定义它们的值,如下所示

charts.getElement().getStyle().set("vaadin-charts-color-1","#2dd7a4");

第二个字符串参数是颜色值,它可以是CSS中接受的任何格式。

用于设置颜色的Java API在Vaadin 17中重新引入,通过使用新版本的Highcharts实现。从路线图上看,Vaadin图表升级目前计划包含在Vaadin 14.5中,该版本应于2021年第1季度发布。用于设置颜色的Java API在Vaadin 17中重新引入,通过使用Highcharts的新版本成为可能。查看路线图,Vaadin图表升级目前计划包含在Vaadin 14.5中,该版本应于2021年第一季度发布。