Versions Compared

Key

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

Table of Contents

Introduction

English
This tutorial will demonstrate how to set conditional coloring when using the

...

Chart Menu (Chart Library = Apache ECharts). Let's use the image below as an example. In this case, we want to set Month 4 to a different color as it did not reach the target value we had set in the list. Instead of setting the bar chart individually, we can instead set some custom code in the Custom Header of the eChart Menu.


Figure 1: Form Details


Configuration

...

Before we can move on to the coding part, we will also need to find the ID of the chart. We need this in order to change the color of the bar via Javascript. You can do so by inspecting the chart during run time. 

Image RemovedImage Added

Figure 5: Chart ID

...

Download the Sample App