Formatting the Lines in a Line Chart
This topic introduces how to format the lines in a line chart.
- Right-click any line in the line chart and select Format 2D Line or Format 3D Line on the shortcut menu, or double-click any line in the chart. The Format Line dialog appears.
- In the General tab, specify whether to draw the lines from the previous data values to the next data values directly when null data values appear to avoid breaks on the lines using the Ignore Null Value checkbox.
- For a 2-D line chart, set the layout style of the lines. To add a 3-dimensional effect to the lines, set the Use Depth option to true and specify the depth and direction as required. Select Smoothed Line if you want to make the lines smoothed.
- For a 3-D line chart, set the thickness of the lines.
- In the Fill tab, specify the fill pattern of the chart lines.
- For a 2-D line chart, specify the fill type of the lines: Use Single Color or Use Single Color with Condition.
If you select Use Single Color as the fill type, first make a choice for the Self Settings checkbox: 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 lines 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 in the Fill box, specify the color and the transparency of the color schema to fill the current line, that is the line you have selected on to open the Format Line dialog (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), or select the Pattern List button to specify the color pattern for each line in the Color List dialog. In the Area box, set the fill and transparency settings of the area that are formed by the chart axes and the current line, or select Area Pattern List to specify the color pattern for each area formed by each line and the chart axes in the Color List dialog. In the Line box, specify the line style and line thickness of the current line, or select Line Pattern List to set the line pattern for each line in the Line Pattern List dialog.
If you select Use Single Color with Condition as the fill type, specify the conditions and the line pattern bound with each condition respectively. For details, refer to Adding Conditional Color Fills to Charts.
- For a 3-D line chart, first decide whether or not to select the Self Setting checkbox, then specify the color and the transparency of the color schema to fill the current line, or select the Color List button to specify the color pattern for each line in the Color List dialog.
- For a 2-D line chart, specify the fill type of the lines: Use Single Color or Use Single Color with Condition.
- In the Node tab (the tab is available to 2-D lines only), specify the fill type of the nodes: Use Single Color or Use Single Color with Condition.
If you select Use Single Color as the fill type, first make a choice for the Self Settings checkbox: 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 line nodes 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 in the Shape box, set Show Node to true to show nodes in the current line, and then specify the style, transparency, width, height and color of the nodes, and specify whether or not to display the nodes in the highest and lowest points with other colors and whether to show the highlight point in a distinguishing color when you hover the mouse over a node in the line; in the Border box, set the border properties of the nodes in the current line, including border color, transparency, line style and thickness. If you set the node style to plus, multiplication, star1 or star2, the Line box is available instead of the Border box, in which you can specify the line style and thickness for the nodes with selected styles. You can also select the Node Pattern List button to specify the node pattern for each line in the Node Pattern List dialog.
If you select Use Single Color with Condition as the fill type, specify the conditions and the node pattern bound with each condition respectively. For details, refer to Adding Conditional Color Fills to Charts.
If you want to make the color pattern specified on the nodes apply to the corresponding lines, select Apply Color to Line, then the color and transparency settings on the corresponding lines will be ignored.
- In the Border tab (the tab is available to 3-D lines only), select Show Border if you want to show the border of the lines, then set properties of the border including the border 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 line nodes, then decide the position of the labels related to the 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 line hint. A hint displays the value a line node represents when the mouse pointer points at the node 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 a line chart in a library component, you can define web behaviors on the lines 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 lines the same as you do to web controls in the library component, which will be triggered when the specified event occurs on the lines. 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 apply the settings and close the dialog.
Notes:
- If the chart is a combo chart composed by lines and areas/bars, when you set the depth properties for the lines, they will be applied to the areas/bars as well, and vice versa.
- For 3-D charts, the Show Static Data Label checkbox in the Data Label tab is grayed out. However, you can still see the data labels by moving the mouse pointer over the lines when viewing the report result in Designer view mode, in HTML format, or in Page Report Studio.