All Products
Search
Document Center

Simple Log Service:Manage a dashboard in edit mode

Last Updated:Jul 19, 2024

This topic describes how to add chart elements, adjust the layout of chart elements, edit chart elements, and import chart elements to a dashboard in edit mode. This topic also describes how to change the name of a dashboard.

Prerequisites

A dashboard is created. For more information, see Create a dashboard.

Entry point

Important
  • 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.

  1. Log on to the Simple Log Service console.

  2. Go to the Dashboard page.

    1. In the Projects section, click the project that you want to manage.

    2. In the left-side navigation pane, choose Dashboard > Dashboards.

    3. In the Dashboard list, click the required dashboard.

  3. In the upper-right corner of the dashboard page, click Edit.

Add chart elements

Click Add in the top menu bar and perform the following operations.image

Add a chart element

For more information, see Add a chart (Pro) to a dashboard or Add a chart to a dashboard.

Add a graph

  • Click the Rectangle icon to add a rectangle or click the Rhombus icon to add a rhombus. You can double-click an existing rectangle or rhombus to enter text. You can also modify the text attributes, border attributes, and background color of the rectangle or rhombus.

    Add text

    Click the Text icon to add a text box. Then, double-click the text box to enter text. You can modify text attributes, including Font Size, Font Style, Alignment Mode, and Font Color.

    Add a custom SVG

    Click the Custom SVG icon to add a Scalable Vector Graphics (SVG). In the Customize SVG dialog box, click the box to upload an SVG file to the dashboard.

Note

The size of an SVG file cannot exceed 10 KB.

Add a filter

In the top menu bar, click the image 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 layout of chart elements

In edit mode, all chart elements on a free-layout dashboard 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

    • Select a chart element and drag the chart element to another position based on your business requirements.

    • Select a chart element and specify values for L and T in the top menu bar to adjust the position of the chart element.image

  • Adjust the size of a chart element

    • Select a chart element and drag the lower-right corner of the chart element to adjust the size of the chart element.

    • Select a chart element and specify values for H and W in the top menu bar to adjust the size of the chart element.image

  • Configure the layer level of a chart element

    Select a chart element. Click the image icon to bring the chart element to the front or click the image icon to send the chart element to the back.

Arrange chart elements

Press and hold Ctrl on your keyboard, click the left mouse button to select the chart elements that you want to arrange, and then click the image icon in the top menu bar to arrange the chart elements.

  • On a grid-based dashboard, you can arrange chart elements by using the following methods: Equally Spaced Arrangement and Contour Arrangement.

  • On a free-layout dashboard, you can arrange chart elements 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.

Important

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

Click Add Collapsed Row to add a collapsed row. You can collapse chart elements below the row. Make sure that the dashboard is a grid-based dashboard. In edit mode, choose Add > Add Collapsed Row.image

After you add a collapsed row, you can drag the row to a specific position based on your business requirements. You can also click the image icon to specify the name of the collapsed row.

  • Before collapsing折叠行

  • After collapsing折叠行

Change the name of a dashboard

Enter a new name in the dashboard name field and click Save in the upper-right corner. In the Save Dashboard dialog box, click OK.

Import a chart element

  1. Click Import Chart in the top menu bar.

  2. 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 a chart element

  • Edit a chart element

    Select a chart element that you want to manage and choose 配置监控与告警 > Edit. On the page that appears, you can perform different operations. For example, you can modify the query statement, perform data conversion, and reconfigure chart element settings. Then, click OK.

  • Copy a chart element

    Simple Log Service provides multiple copy modes. You can copy a single chart element, multiple chart elements at a time, and chart elements from one project to another project. If you copy a chart element, all configurations of the chart element are retained.

    • Copy a single chart element: Select the chart element that you want to manage and choose 配置监控与告警 > Copy.

    • Copy multiple chart elements at a time: Select the chart elements that you want to manage, press Ctrl+C to copy the chart elements, and then press Ctrl+V to paste the chart elements.

    • Copy chart elements from one project to another project: Make sure that the source dashboard and the destination dashboard are in edit mode. You can copy chart elements from one project to another project in the same manner as you copy multiple chart elements at a time.

  • Remove a chart element

    • Remove a single chart element: Select the chart element that you want to manage and choose 配置监控与告警 > Delete.

    • Remove multiple chart elements at a time: Select the chart elements that you want to manage and click 删除.