Formatting the Rectangles and Rectangle Titles in a Heat Map

This topic introduces how you can format the rectangles and the titles of the rectangles in a heat map.

This topic contains the following sections:

Formatting the Rectangles in a Heat Map
Formatting the Titles for Rectangles in a Heat Map

Formatting the Rectangles in a Heat Map

When there is only one group in the heat map, right-click the heat map and select Format Rectangle from the shortcut menu. Designer displays the Format Rectangle dialog box.
When there are two or more groups in the heat map, right-click the heat map, then from the Format Rectangle submenu, select a desired group field. Designer displays the Format Rectangle dialog box for the field.
In the Fill tab, specify the fill type and the color pattern to fill the rectangles.
If you select the Use Single Color fill type:
- When the heat map is colored by one of the following cases: no field, 1 to n groups, or 1 to n groups and 1 summary, specify the color pattern as follows:
  Make a choice for the Self Settings checkbox first: when Self Settings is unselected (the default behavior), Designer synchronizes the color pattern that you specify here with the Pattern List property on the chart object in the Report Inspector, which data markers of other subtypes can also apply if the chart is a combo chart; when you select Self Settings, it indicates that the color pattern is private to the current data markers themselves (the rectangles in this case), which Designer remembers and applies to the data markers of a new type automatically if later you change the type of the chart. Then, specify the color for the first rectangle in the heat map and the transparency of the color (if the heat map is colored by no field, Designer fills all rectangles with this color) (to change the color, select the color indicator and select a color from the color palette, or type the hexadecimal value of a color in the text box). By default, Designer selects Vary Colors by Color List which means Designer fills each rectangle with a different color and you can select the Color List button to customize the color of each rectangle in the Color List dialog box.
- When the heat map is colored by a summary, specify the color pattern as follows:
  Specify the start color for the minimum value and the end color for the maximum value of the summary respectively on the gradient color bar. To exchange the start color and the end color, select Reversed (by default, Designer does not select the option and the start/end color here corresponds to the start/end color on the chart object in the Report Inspector; when you select it, the start/end color here corresponds to the end/start color on the chart object). If you want to specify a color for the zero value, select Color When Zero and define the color accordingly, then the gradient color changes from the start color to the zero value color, and then from the zero value color to the end color. You can also specify a color for the null value.
If you select the Use Single Color with Condition fill type, specify the conditions and the color pattern for each condition respectively. For more information, see Adding Conditional Color Fills to Charts.
In the Separator tab, specify the color, color transparency, line style, and thickness of the lines separating the rectangles.
You would get a bad layout in the preview result in Designer and in the exported result if you set the separator thickness to a big value.
For a heat map in a library component, you can define web behaviors on the rectangles in the Behaviors tab. A web behavior contains a trigger event and a web action to be triggered when the event occurs on the rectangles at runtime. You can add as many web behaviors to the rectangles as you need.
To define the web behavior, select a trigger event from the drop-down list in the Events column, then select in the Actions column and select the ellipsis button in the text box. In the Web Action List dialog box, bind a web action the same as you do to web controls in the library component. The web actions you can bind include Filter, Sort, Parameter, Property, and SendMessage.
You can select the Add button to add and define more web behaviors; if a web behavior is not required, select it and select the Remove button to delete it. Select a web behavior and select the Move Up or Move Down button to adjust the order of the behaviors, then at runtime, when an event that is bound with more than one action happens, JDashboard triggers the upper action first.
Select OK to accept the changes and close the dialog box.

Formatting the Titles for Rectangles in a Heat Map

When there is only one group in the heat map, right-click the heat map and select Format Rectangle Title from the shortcut menu. Designer displays the Format Rectangle Title dialog box.
When there are two or more groups in the heat map, right-click the heat map, then from the Format Rectangle Title submenu, select a desired group. Designer displays the Format Rectangle Title dialog box for the group.
In the General tab, specify the height, fill color, and font color of the rectangle titles (to change the color, select the color indicator and select a color from the color palette, or type the hexadecimal value of a color in the text box).
In the Font tab, specify the font face, font size, and alignment of the text in the rectangle titles, and specify the special effects for the text such as bold, underline, and italic. By default, Logi Report Engine ignores the HTML tag elements that are included in the text at runtime and in the HTML output of the report, so they display exactly as what they are; clear Ignore HTML Tag if you want Logi Report Engine to transfer the HTML tag elements to the web browser, so they are translated into HTML by the web browser.
In the Border tab, specify the color, thickness, line styles for the border of the rectangle titles; select Shadow to add a shadow effect to the border and specify the shadow color.
Select OK to accept the changes and close the dialog box.

Previous Topic Next Topic