Colors in legend widget

Question

Hi, I read some topics about setting the colors of a legend widget. However, I think that those topics are related to a fixed color for a specific item.

For example, parameter pDemand(iscen), I use an color per scenario to show different colors in a line chart via an annotation spAnnotion(iscen).

Now I want to show the same colors in the legend widget, So I made a parameter pLegend(iscen) with the same annotation spAnnotation(iscen). I would expect that the legend is using the same colors as the line chart.

But the colors of the legend are not changing?

icon

Best answer by Gertjan 28 November 2019, 18:45

View original

Gertjan · Accepted Answer

There is a way with customCSSusing properties of the items that are generated in the legend. Formally not supported, but easily achievable. Below an example where I used the annotation-sc1 that wasadded to line, bar and legend items in the chartsto change the colors. Here I skipped the WebUI::AnnotationIdentifier part as well, as in my case I just refer to the scenario name that is already propagated (btw, this does not work for all pivots of the bar chart, but if that is important, you can of course extend with a custom WebUI::AnnotationIdentifier and align colors with the legend. Also attached an example.

mohansx · Answer

Just want to add that the legend widget indeed listens to annotations and CSS. See screenshot, the “testing” job is yellow in the gantt chart but red in the legend widget. Use .tag-legend-widget as selector.

.tag-legend-widget .annotation-color6 {

fill: red;

background: red;

}

color6 is a webui::AnnotationIdentifier added to the set but you can also use the set element name in the legend widget.

Colors in legend widget

4 replies

1 Attachment

Reply

1 Attachment

Reply

Sign up

Login to the community

Scanning file for viruses.

This file cannot be downloaded