You can perform operations on a dashboard in edit mode. For example, you can add chart elements, adjust the layouts of chart elements, edit chart elements, import chart elements to the dashboard. You can also change the name of the dashboard.
Prerequisites
A dashboard is created. For more information, see Create a dashboard.
Entry point
If you perform operations in edit mode, you must save the operations to apply the operations. To save operations, click Save in the upper-right corner of the dashboard page.
The operations that you can perform on a grid-based dashboard are different from the operations that you can perform on a free-layout dashboard. You can access a dashboard in the Simple Log Service console to check the operations that you can perform on the dashboard.
- Log on to the Log Service console.
- Go to the Dashboard page.
- In the Projects section, click the project that you want to manage.
- In the left navigation sidebar, choose .
- In the Dashboard list, click the required dashboard.
In the upper-right corner of the dashboard page, click Edit.
Add chart elements
Click Create Chart in the top menu bar and perform the following operations:
Add a chart
Click the icon to add a chart. For more information, see Add a chart (Pro) to a dashboard or Add a chart to a dashboard.
Add a rectangle or rhombus
Click the icon to add a rectangle or click the icon to add a rhombus. You can double-click a rectangle or rhombus to enter text or modify the text attributes and border attributes of the rectangle or rhombus.
Add a line to connect chart elements
Add a line to connect chart elements. Select a chart element that you want to manage. Click the or icon. Then, press and hold the left mouse button to connect the selected chart element to another chart element. You can click the , , and icons to specify the style, width, and color of the connection line.
After you add a connection line, the connection line moves when you change the positions and sizes of the chart elements to show the relationship between the chart elements.
Add text
Click the icon. Double-click the text box and enter text. You can modify text attributes including Font Size, Font Style, Alignment Method, and Font Color.
Add a custom Scalable Vector Graphics (SVG)
Click the icon. In the Customize SVG dialog box, click the box and upload an SVG file to the dashboard.
NoteThe size of an SVG file cannot exceed 10 KB.
Add a filter
In the top menu bar, click the icon to add a filter. After you add a filter to the dashboard, you can narrow down the search scope or replace placeholder variables in query statements. The filter takes effect on the query statements of all charts on the dashboard. For more information, see Add a filter.
Adjust the layouts of chart elements
In a free-layout dashboard in edit mode, all chart elements are placed on a canvas. You can drag and scale each chart element based on your business requirements. The width of the canvas cannot exceed the width of your browser. The height of the canvas is unlimited and is measured in pixels.
Adjust the position of a chart element
Drag a chart element to a position based on your business requirements.
Select a chart element. Specify values for L and T in the top menu bar to adjust the position of the chart element.
Adjust the size of a chart element
Select a chart element. Drag the lower-right corner of the chart element to adjust the size of the chart element.
Select a chart element. Specify values for H and W in the top menu bar to adjust the size of the chart element.
Configure the layer level of a chart element
Select a chart element. Click the icon to bring the chart element to the front or click the icon to send the chart element to the back.
Arrange chart elements
Select the chart elements that you want to arrange and click the icon in the top menu bar to arrange the chart elements.
In a grid-based dashboard, chart elements can be arranged by using the following methods: Equally Spaced Arrangement and Contour Arrangement.
In a free-layout dashboard, chart elements can be arranged by using the following methods: Align Left, Align Right, Align Top, Align Bottom, Equally Spaced Arrangement, and Contour Arrangement.
Switch between layout modes
Simple Log Service provides two layout modes for dashboards: Grid Layout and Free Layout. You can click Switch Layout to switch between the layout modes of a dashboard.
After you switch the layout mode of a dashboard, the connection lines, collapsed rows, and positions and sizes of chart elements may change.
Add a collapsed row
In a grid-based dashboard in edit mode, click Create Chart in the top menu bar. Click the icon to add a collapsed row.
After you add a collapsed row, you can drag the row to a position based on your business requirements. The chart elements under the row are collapsed. You can click the icon to specify the name of the collapsed row.
Before collapsing
After collapsing
Change the name of the dashboard
Enter a new name in the Dashboard Name field to change the dashboard name.
Import a chart element
Click Import Chart in the top menu bar.
In the Import Chart panel, select the dashboard from which you want to import a chart element and the chart element that you want to import. Then, click OK.
Manage chart elements
Select all chart elements in a dashboard, and edit, copy, or delete a chart element.
Select all
Click a chart element in the dashboard and press
Ctrl+A
to select all the chart elements in the dashboard. After you select all the chart elements, you can delete or copy all the chart elements.Edit
Find the chart element that you want to manage, choose
, and then change the query statement and attribute configurations for the chart element.Copy
Simple Log Service provides multiple copy modes. You can copy chart elements from one project to another project and copy multiple chart elements at a time. If you copy a chart element, all the configurations of the chart element are retained.
Find the chart element that you want to manage and choose
.Select the chart element that you want to manage, press
Ctrl+C
to copy the chart element, and then pressCtrl+V
to paste the chart element. You can perform this operation for multiple chart elements at a time.
Delete
Find the chart element that you want to manage and choose
to delete the chart element.Select the chart element that you want to manage and click to delete the chart element. You can perform this operation for multiple chart elements at a time.