How to customize the Chart theme of data Visualization Kanban by DataGear

This article mainly introduces how DataGear customizes the chart theme of data visualization Kanban, which is very detailed and has certain reference value. Friends who are interested must finish reading it!

The dg-chart-theme property of DataGear Kanban provides a simple and powerful custom chart theme.

Usually, you only need to set its color, backgroundColor, and normalalBackgroundColor. according to them, Kanban will automatically generate title, legend, cue box, highlight box and other related colors.

For example, define a global chart color match on an element:

The corresponding effect picture is as follows:

When Kanban has a background picture, you usually want the background color of the chart to be transparent, so you should set actualBackgroundColor to the same color as the background picture, for example:

You can also add a dg-chart-theme attribute to a single chart element, defining only the theme for this chart, for example:

The corresponding effect picture is as follows (the first chart):

In addition, by setting the graphcolors value of dg-chart-theme, you can customize the color sequence of chart series entries, and set the graphRangeColors value, then you can define the chart range mapping color (map area color), for example:

The corresponding effect picture is as follows:

The above is all the content of the article "how to customize the Chart theme of data Visualization Kanban in DataGear". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!