Formatting the Areas in an Area Chart
This topic introduces how to format the area of an area chart.
- Right-click any area in the area chart and select Format 2D Area or Format 3D Area on the shortcut menu, or double-click any area in the chart. The Format Area dialog appears.
- In the General tab, set the layout style of the area chart. Select Ignore Null Value if you want the areas to be drawn from the previous data values to the next data values directly when null data values appear to avoid breaks on the areas.
For a 2-D area chart, if you want to add a 3-dimensional effect to the areas, set the Use Depth option to true and specify the depth and direction as required. If the chart uses a query resource, you can use a formula to control the Use Depth option. You can also set to show the lines that represent the data categories by selecting High-Low Lines.
- In the Fill tab, specify the fill type: Use Single Color or Use Multiple Colors with Condition.
If you select Use Single Color as the fill type, first make a choice for the Self Settings check box: when Self Settings is unselected, the color pattern specified here will be synchronized to the Pattern List property on the chart object in the Report Inspector, which can also be applied by data markers of other subtypes if the chart is a combo chart; when Self Settings is selected, it indicates the color pattern is private to the current data markers themselves (the areas in this case), which can be remembered and applied to the data markers of a new type automatically if later you change the type of the chart. Then specify the color pattern as follows: set the color and the transparency of the color schema to fill the current area, that is the area you have right-clicked on to open the Format Area dialog (missing or bad snippet), or select the Color List button to specify the color pattern for each area in the area chart using the Color List dialog.
If you select Use Multiple Colors with Condition as the fill type (only applied to Area 2-D and Area 3-D types), specify the conditions and the color pattern bound with each condition respectively. For details, refer to Adding Conditional Color Fills to Charts.
- In the Border tab, select Show Border if you want to show the border of the areas, then set properties of the border including the color, transparency, line style, thickness, end caps style and line joint mode. You can also specify whether the border is to be outlined, and whether or not to automatically resize the border dashes if the border is drawn with dashes.
- In the Data Label tab, select Show Static Data Label if you want to show static data labels on the area nodes, then decide the position of the labels relative to the area nodes, the display type for data values in the labels, whether to scale big and small numbers, and whether to hide the label whose value is 0. In the Font and Effects boxes, set the font formats and effects of the data labels.
- In the Hint tab, specify whether to
include the category and series values and whether to scale big and small numbers in the area hint. A hint displays the value an area represents when the mouse pointer points at the area in Logi Report Designer view mode, in HTML result, or at server runtime. To make the hint shown, you need to make sure the Show Tips property in the Report Inspector is set to true.
- For an area chart in a library component, you can define web behaviors on the areas in the Behaviors tab.
Select a trigger event from the drop-down list in the Events column, then select in the Actions column and select that appears in the text box. In the Web Action List dialog, bind a web action to the areas the same as you do to web controls in the library component, which will be triggered when the specified event occurs on the areas. The web actions you can bind include Parameter, Filter, Sort, Change Property and Send Message.
To add more web behaviors, select and define them as required; if a web behavior is not required, select it and select . Select or to adjust the order of the behaviors, then at runtime when an event that has been bound with more than one action happens, the upper action will be triggered first.
- Select OK to accept the changes and close the dialog.
- If the chart is a combo chart composed by areas and bars/lines, when you set the depth properties for the areas, they will be applied to the bars/lines as well, and vice versa.
- For 3-D charts, the Show Static Data Label check box in the Data Label tab is grayed out. However, you can still see the data labels by moving the mouse pointer over the areas when viewing the report result in Logi Report Designer view mode, in HTML format, or in Page Report Studio.