Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Need info for changes on Attributes tab for Map & Heat Maps

When using a dark theme, the label in the centre of a Speedometer is transparent.

  • heat map - show data value option has been removed, because currently data labels for map or heatmap are not available regardless if this is ticketed or not

  • speedometer - label in the middle no longer has white background, it's set to transparent, so that text colours can be set to light colours

 

Guidelines for creating a dark theme:

There Unfortunately, there is no guarantee ways guaranteed way to find out if text is inside, outside , or partially inside the data blocks, so there is really only one . The most effective way to make ensure text labels working work well in with dark themes is to:

  • use dark application background

  • use dark colours for chart data

  • use light (e.g. white) text for chart data, which can be defined as per the screenshot belowplease see below for more information on where to make these changes.

When using a dark theme, we recommend changing the following CSS tags to a light colour. You can find these on Dashboard Configuration>Themes. Select the theme that you want to edit on the left-hand side and then click Style>Charts.

...

In addition to the recommendations above, you may also want to think about changing the colour of the following items:

The following options will ensure that the chart title and sub title are displayed correctly and can be found on Dashboard Configuration>Themes>Chart Panel:

.pi-style__chart-panel__chart-title

.pi-style__chart-panel__chart-subtitle

The following options will ensure that the X & Y axis and the Legend are displayed correctly and can be found on Dashboard Configuration>Themes>Chart:

.pi-style__chart__x-axis-title

.pi-style__chart__x-axis-value

.pi-style__chart__y-axis-title

.pi-style__chart__y-axis-value

.pi-style__chart__legend-title

.pi-style__chart__legend-value

Dark themes and Speedometers

When using a dark theme, the label in the centre of a Speedometer will be transparent. This allows for light colours to be used for the label text.

...

Dark Themes and Data Tables

When using Data Tables, changing the colour of the following CSS tags will ensure that your header and body rows are displayed correctly. You can find these options on Dashboard Configuration>Themes>Table.

.pi-style__table-header-cell

.pi-style__table-body-cell