diff --git a/docs-2.0/nebula-explorer/about-explorer/ex-ug-what-is-explorer.md b/docs-2.0/nebula-explorer/about-explorer/ex-ug-what-is-explorer.md index f84326d7dbb..a1775bacb80 100644 --- a/docs-2.0/nebula-explorer/about-explorer/ex-ug-what-is-explorer.md +++ b/docs-2.0/nebula-explorer/about-explorer/ex-ug-what-is-explorer.md @@ -10,9 +10,7 @@ Nebula Explorer (Explorer in short) is a browser-based visualization tool. It is You can also try some functions online in [Explorer](https://explorer.nebula-graph.io/). -!!! Note - - Users can also try out some functions online at [Explorer](https://explorer.nebula-graph.com.cn/). +![explorer](../figs/explorer-en.png) ## Scenarios diff --git a/docs-2.0/nebula-explorer/deploy-connect/ex-ug-connect.md b/docs-2.0/nebula-explorer/deploy-connect/ex-ug-connect.md index 764c1a85926..d0cbde2a2b5 100644 --- a/docs-2.0/nebula-explorer/deploy-connect/ex-ug-connect.md +++ b/docs-2.0/nebula-explorer/deploy-connect/ex-ug-connect.md @@ -36,12 +36,12 @@ To connect Explorer to Nebula Graph, follow these steps: - If authentication is enabled and different users are created and assigned roles, users in different roles log in with their accounts and passwords. - ![The Config Server page shows the fields to be configured for connection](../figs/ex-ug-050.png "Config Server") + ![The Config Server page shows the fields to be configured for connection](../figs/ex-ug-001-1.png) -2. After the configuration, click the **Connect** button. +2. After the configuration, click the **Login** button. If you can see the interface as shown in the below, it means you have successfully connected to the Nebula Graph database. - ![The Console page shows that the connection is successful](../figs/ex-ug-051.png "Nebula Graph is connected") + ![The Console page shows that the connection is successful](../figs/ex-ug-051-1.png "Nebula Graph is connected") One session continues for up to 30 minutes. If you do not operate Explorer within 30 minutes, the active session will time out and you must connect to Nebula Graph again. diff --git a/docs-2.0/nebula-explorer/deploy-connect/ex-ug-deploy.md b/docs-2.0/nebula-explorer/deploy-connect/ex-ug-deploy.md index c33c10346b7..fa8bdc648a7 100644 --- a/docs-2.0/nebula-explorer/deploy-connect/ex-ug-deploy.md +++ b/docs-2.0/nebula-explorer/deploy-connect/ex-ug-deploy.md @@ -37,6 +37,7 @@ Before you deploy Explorer, you must do a check of these: ```bash $ sudo rpm -i nebula-graph-explorer-.x86_64.rpm ``` + ### Uninstall Users can uninstall Explorer using the following command: @@ -131,6 +132,6 @@ When Explorer is started, use `http://ip address:7002` to get access to Explorer Seeing the following login interface, Explorer is successfully connected to Nebula Graph. -![Nebula Explorer](../figs/ex-ug-001.png) +![Nebula Explorer](../figs/ex-ug-001-1.png) After entering the Explorer login interface, you need to connect to Nebula Graph. For more information, refer to [Connecting to the Nebula Graph](../deploy-connect/ex-ug-connect.md). diff --git a/docs-2.0/nebula-explorer/deploy-connect/ex-ug-reset-connection.md b/docs-2.0/nebula-explorer/deploy-connect/ex-ug-reset-connection.md index 42366b43d63..6177c979b54 100644 --- a/docs-2.0/nebula-explorer/deploy-connect/ex-ug-reset-connection.md +++ b/docs-2.0/nebula-explorer/deploy-connect/ex-ug-reset-connection.md @@ -1,4 +1,4 @@ -# Reset connection +# Clear connection When Explorer is still connected to a Nebula Graph database, in the toolbar, select Settings ![icon](../figs/nav-setup.png) > clear connect, as shown in the below: diff --git a/docs-2.0/nebula-explorer/figs/ex-ug-001-1.png b/docs-2.0/nebula-explorer/figs/ex-ug-001-1.png new file mode 100644 index 00000000000..a06670f3829 Binary files /dev/null and b/docs-2.0/nebula-explorer/figs/ex-ug-001-1.png differ diff --git a/docs-2.0/nebula-explorer/figs/ex-ug-004.png b/docs-2.0/nebula-explorer/figs/ex-ug-004.png index 75345039ae1..fb204d37cd7 100644 Binary files a/docs-2.0/nebula-explorer/figs/ex-ug-004.png and b/docs-2.0/nebula-explorer/figs/ex-ug-004.png differ diff --git a/docs-2.0/nebula-explorer/figs/ex-ug-028.png b/docs-2.0/nebula-explorer/figs/ex-ug-028.png new file mode 100644 index 00000000000..42ba70c4b6d Binary files /dev/null and b/docs-2.0/nebula-explorer/figs/ex-ug-028.png differ diff --git a/docs-2.0/nebula-explorer/figs/ex-ug-029-1.png b/docs-2.0/nebula-explorer/figs/ex-ug-029-1.png new file mode 100644 index 00000000000..7751648319f Binary files /dev/null and b/docs-2.0/nebula-explorer/figs/ex-ug-029-1.png differ diff --git a/docs-2.0/nebula-explorer/figs/ex-ug-051-1.png b/docs-2.0/nebula-explorer/figs/ex-ug-051-1.png new file mode 100644 index 00000000000..09a56600bac Binary files /dev/null and b/docs-2.0/nebula-explorer/figs/ex-ug-051-1.png differ diff --git a/docs-2.0/nebula-explorer/figs/explorer-en.png b/docs-2.0/nebula-explorer/figs/explorer-en.png new file mode 100644 index 00000000000..4c4bcab2f4a Binary files /dev/null and b/docs-2.0/nebula-explorer/figs/explorer-en.png differ diff --git a/docs-2.0/nebula-explorer/figs/nav-filter.png b/docs-2.0/nebula-explorer/figs/nav-filter.png new file mode 100644 index 00000000000..b05eea3a517 Binary files /dev/null and b/docs-2.0/nebula-explorer/figs/nav-filter.png differ diff --git a/docs-2.0/nebula-explorer/operation-guide/ex-ug-canvas.md b/docs-2.0/nebula-explorer/operation-guide/ex-ug-canvas.md index ea8678b28a3..5d7a1456a70 100644 --- a/docs-2.0/nebula-explorer/operation-guide/ex-ug-canvas.md +++ b/docs-2.0/nebula-explorer/operation-guide/ex-ug-canvas.md @@ -5,26 +5,41 @@ This topic describes operation in canvas. ## Display vertexes and edges Move the mouse to the vertex or edge to view in detail. The following shows the detailed information of the vertex with `VID 107`: + ![show](../figs/ex-ug-024-1.png) ## Batch selection Explorer supports batch selection and views the data of multiple vertexes and edges. The detailed data can be opened and viewed in the vertexes and edges overview at the lower-left corner of the canvas. It also supports exporting CSV files of selected vertexes or edges. + ![review](../figs/ex-ug-027.png) ### Frame selection After clicking the ![frameselect](../figs/nav-frameSelect.png) icon, hold down the left button to drag and select multiple vertexes and edges. Examples are as follows: -![slect](../figs/ex-ug-023-1.png) + +![select](../figs/ex-ug-023-1.png) ### Click to select multiple vertexes and edges Click the ![singleselect](../figs/nav-singleSelect.png) icon or hold down Shift, click and select multiple vertexes and edges with the mouse, and click the blank space to cancel the selection. Examples are as follows: + ![select](../figs/ex-ug-025.png) ## Quick operation You can select one or more vertexes and edges, and right-click in the blank area to expand the vertexes, search the path between two vertexes, and show or hide their property on the canvas. The number of vertexes and edges you choose will affect the operations that can be performed. For more information, see [Graph Exploration Expansion](../operation-guide/ex-ug-graph-exploration.md). + ![quick](../figs/ex-ug-026.png) -Click **Fit Selection** to move the selected data to the center of the canvas for users to view. \ No newline at end of file +Click **Fit Selection** to move the selected data to the center of the canvas for users to view. + +## Vertex Filter + +You can filter the vertexes displayed on the canvas. In this example, select the vertexes with the Tag `player` and the property `age` greater than or equal to 35, and click the `Apply Filter` button. + +!!! note + + Each set of filter conditions aims at the data with this Tag. If the conditions are met, the corresponding vertex will be automatically selected. If the conditions are not met, the corresponding vertex will turn gray. The data status of other Tags will not be affected. + +![filter](../figs/ex-ug-029-1.png) diff --git a/docs-2.0/nebula-explorer/operation-guide/ex-ug-page-overview.md b/docs-2.0/nebula-explorer/operation-guide/ex-ug-page-overview.md index 745269e3d10..9ffc8e75db8 100644 --- a/docs-2.0/nebula-explorer/operation-guide/ex-ug-page-overview.md +++ b/docs-2.0/nebula-explorer/operation-guide/ex-ug-page-overview.md @@ -4,7 +4,7 @@ This topic describes Explorer main page. ## Overview -![Explorer](../figs/ex-ug-006.png) +![Explorer](../figs/explorer-en.png) The main page of Explorer is divided into five parts: - Tab bar @@ -17,6 +17,8 @@ The main page of Explorer is divided into five parts: - Export: Export a CSV or PNG file of the current view. +- Create: Support creating multiple canvases. Only up to 10 canvases can be opened. + ## Sidebar The sidebar consists of five parts. You can click the buttons to explore the graph, modify the content of the vertexes on the canvas, etc. @@ -40,6 +42,7 @@ The sidebar consists of five parts. You can click the buttons to explore the gra - Frame selection mode: Click the ![frameSelect](../figs/nav-frameSelect.png) icon to support frame selection of vertexes and edges in the canvas. - Click to select multiple vertexes and edges: Click the ![singleSelect](../figs/nav-singleSelect.png) icon, you can easily click the vertexes and edges in the canvas, and click the blank space to cancel the selection. - Move the canvas: Click the ![moveCanvas](../figs/nav-moveCanvas.png) icon to drag the position of the canvas. +- Vertex Filter: Click the ![filter](../figs/nav-filter.png) icon to filter the vertexes displayed on the canvas. For more information, see [Canvas Operation](../operation-guide/ex-ug-canvas.md).