You can perform operations on a dashboard in edit mode. For example, you can add chart elements, adjust chart layouts, edit charts, import charts, and change the dashboard name.

On the dashboard page, you can click Edit to enter the edit mode.
Note Before the modifications that you make in edit mode take effect, you must save the modifications. To save modifications, click Save in the upper-right corner of the dashboard page.

Add chart elements

You can add the following chart elements on a dashboard in edit mode. Chart elements
  • Rectangles and diamonds

    Drag the rectangular icon or the diamond icon to a specific position. Then, double-click the icon and enter text. You can also modify text the properties and border properties of rectangles and diamonds.

  • Text

    Drag the text icon to a specific position. Then, double-click the text box and enter text. You can also modify the properties of the text. The properties include the font size, font style, alignment, and font color.

  • Markdown chart

  • Filters

    Click the filter icon. In the Filter panel, configure parameters to add a filter. For more information, see Add a filter.

    After you add a filter to a dashboard, you can narrow down the search scope or replace placeholder variables in query statements.

  • Custom SVG
    Click the SVG icon. In the Customize SVG dialog box, click the box or drag a Scalable Vector Graphics (SVG) file to the box to upload the file.
    Note The size of an SVG file cannot exceed 10 KB.
    Custom SVG

Adjust chart layouts

On a dashboard in edit mode, all charts and chart elements are placed on a canvas. You can drag and scale each chart. The width of the canvas cannot exceed the width of your browser. The height of the canvas is unlimited and is measured in pixels.

On the canvas, you can perform the following operations:
  • Adjust the position of a chart.
    • You can drag a chart to a different position.
    • You can select a chart and configure the L and T parameters in the menu bar to adjust the chart position. Adjust the position of a chart
  • Adjust the width and height of a chart.
    • You can select a chart and drag the lower-right corner of the chart to resize the chart.
    • You can select a chart and configure the W and H parameters in the menu bar to resize the chart. Adjust the width and height of a chart
  • Add lines to connect charts.
    You can add a directional line between two charts. When you adjust the position or size of the charts, the line automatically moves to show the relative position between the two charts. Add lines to connect charts
  • Configure chart levels.
    You can select a chart and click the Move Layer to Top or Move Layer to Down icon in the menu bar to place the chart to the top or bottom of the dashboard. Configure chart levels

Configure charts

You can edit, copy, and delete a chart on a dashboard in edit mode. Configure charts
  • Modify the query statement, properties, data source, and interactive behavior for a chart.
    1. In the upper-right corner of the dashboard page, click Edit to enter the edit mode. Find the chart that you want to modify and choose More icon > Edit.
    2. Modify the query statement, properties, data source, and interactive behavior for the chart.

      For information about how to configure interactive behavior for a chart, see Configure a drill-down event.

      Configure charts
    3. In the Data Preview section, check the configurations.
    4. Click OK.
    5. In the upper-right corner of the dashboard page, click Save.
  • Create a copy of a chart. The copy uses the same configurations as the chart.
    1. In the upper-right corner of the dashboard page, click Edit to enter the edit mode. Find the chart that you want to copy and choose More icon > Copy.
    2. Drag the copy to a specific position. Then, specify the margins and size of the copy.
    3. In the upper-right corner of the dashboard page, click Save.
  • Delete a chart.
    1. In the upper-right corner of the dashboard page, click Edit to enter the edit mode. Find the chart that you want to delete and choose More icon > Delete.
    2. In the upper-right corner of the dashboard page, click Save.

Change the name of a dashboard

You can change the name of a dashboard in edit mode.

Import charts

You can import existing charts to a dashboard in edit mode.
  1. In the upper-right corner of the dashboard page, click Edit to enter the edit mode. Then, click Import Chart in the upper-right corner of the dashboard page.
  2. In the Import Chart panel, select the chart that you want to import and the dashboard to which you want to import the chart. Then, click OK.