diff --git a/content/en/docs/guides/administration/_index.md b/content/en/docs/guides/administration/_index.md index 4d98459f..de729cab 100644 --- a/content/en/docs/guides/administration/_index.md +++ b/content/en/docs/guides/administration/_index.md @@ -1,7 +1,7 @@ --- title: "Administration" linkTitle: "Administration" -weight: 6 +weight: 7 date: 2022-06-27 description: > In the **Administration** page, you can manage and edit information, roles, policies, etc. of domain users. diff --git a/content/en/docs/guides/advanced/_index.md b/content/en/docs/guides/advanced/_index.md index 1ce89872..f943119d 100644 --- a/content/en/docs/guides/advanced/_index.md +++ b/content/en/docs/guides/advanced/_index.md @@ -1,7 +1,7 @@ --- title: "Advanced feature" linkTitle: "Advanced feature" -weight: 9 +weight: 10 date: 2022-06-07 description: > **Advanced features** are designed to use Cloudforet more conveniently. diff --git a/content/en/docs/guides/alert-manager/_index.md b/content/en/docs/guides/alert-manager/_index.md index 3cdf8a49..c77414fc 100644 --- a/content/en/docs/guides/alert-manager/_index.md +++ b/content/en/docs/guides/alert-manager/_index.md @@ -1,7 +1,7 @@ --- title: "Alert manager" linkTitle: "Alert manager" -weight: 5 +weight: 6 date: 2022-06-07 description: > **Alert manager** in Cloudforet is a service to integrate and manage events of diverse patterns that occur in multiple monitoring systems. diff --git a/content/en/docs/guides/asset-inventory/_index.md b/content/en/docs/guides/asset-inventory/_index.md index 0e3f03a9..6146bb79 100644 --- a/content/en/docs/guides/asset-inventory/_index.md +++ b/content/en/docs/guides/asset-inventory/_index.md @@ -1,7 +1,7 @@ --- title: "Asset inventory" linkTitle: "Asset inventory" -weight: 3 +weight: 4 date: 2022-06-07 description: > **Asset inventory** allows a user to collect resources based on the registered user cloud service account, and view the collected resources. diff --git a/content/en/docs/guides/cost-explorer/_index.md b/content/en/docs/guides/cost-explorer/_index.md index 39348c04..a8a13380 100644 --- a/content/en/docs/guides/cost-explorer/_index.md +++ b/content/en/docs/guides/cost-explorer/_index.md @@ -1,7 +1,7 @@ --- title: "Cost Explorer" linkTitle: "Cost Explorer" -weight: 4 +weight: 5 date: 2022-06-24 description: > **Cost Explorer** feature traces all expenses incurred from service accounts registered in Cloudforet. diff --git a/content/en/docs/guides/dashboards/_index.md b/content/en/docs/guides/dashboards/_index.md new file mode 100644 index 00000000..c8e87acb --- /dev/null +++ b/content/en/docs/guides/dashboards/_index.md @@ -0,0 +1,12 @@ +--- +title: "Dashboards" +linkTitle: "Dashboards" +weight: 2 +date: 2023-10-16 +description: > + Dashboard service that visually represents (multi) cloud data, such as billing and assets, making complex data easy to understand at a glance. With support for various chart types and graphic elements, you can quickly grasp the essentials of your critical data. +
+
+ You can [**create customized dashboards**](/docs/guides/dashboards/create) by combining specific widgets to gain a quick overview of your desired data in addition to the [**default provided dashboards**](/docs/guides/dashboards/template). Furthermore, you can have precise control over variables, date ranges, and detailed options for each widget for each dashboard, allowing you to build and manage more accurate and professional dashboards tailored to your organization's requirements." + +--- diff --git a/content/en/docs/guides/dashboards/create.md b/content/en/docs/guides/dashboards/create.md new file mode 100644 index 00000000..02649185 --- /dev/null +++ b/content/en/docs/guides/dashboards/create.md @@ -0,0 +1,55 @@ +--- +title: "Create Dashboard" +linkTitle: "Create Dashboard" +weight: 4 +date: 2023-10-16 +description: > + You can create and manage custom dashboards by utilizing various widgets based on the importance and characteristics of your data, in addition to the provided default dashboards. + +--- + +## Creating a new dashboard + +You can create a dashboard following the steps below. +
+
+ +(1) To create a new dashboard, you can either click on **[Dashboard > Create New Dashboard]** in the top menu or click the [+] button at the top of the left-hand menu within the dashboard service to go to the creation page. + +![dashboard-create-01](/docs/guides/dashboards/dashboard-img/dashboard-create-01.png) + +![dashboard-create-02](/docs/guides/dashboards/dashboard-img/dashboard-create-02.png) + +
+ +(2) On the "Create New Dashboard" page, select the dashboard scope and choose whether it should be public or not. + +![dashboard-create-03](/docs/guides/dashboards/dashboard-img/dashboard-create-03.png) + +- **Entire Workspace** : The data for the entire workspace's projects will be displayed. +- **Single Project** : The dashboard will be configured using only the data from a chosen project. + +
+ +(3) You can select from the default templates provided by Cloudforet or choose to duplicate an existing dashboard. After selecting your preferred options, click the [Continue] button. + +![dashboard-create-04](/docs/guides/dashboards/dashboard-img/dashboard-create-04.png) + +
+ +(4) After entering the dashboard name, you can complete creating the dashboard using the provided widgets. For detailed editing instructions, refer to [**here**](/docs/guides/dashboards/edit). + +![dashboard-create-05](/docs/guides/dashboards/dashboard-img/dashboard-create-05.png) + +
+ +(5) The created dashboard can be found on the [View All Dashboards] page, categorized based on [viewers] and [scope]. + +![dashboard-create-06](/docs/guides/dashboards/dashboard-img/dashboard-create-06.png) + +
+ +To review the created dashboard and make quick adjustments, please refer to [**here**](/docs/guides/dashboards/view). + + + diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-basic-page-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-basic-page-01.png new file mode 100644 index 00000000..08ab51c6 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-basic-page-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-basic-page-02.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-basic-page-02.png new file mode 100644 index 00000000..d21036e6 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-basic-page-02.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-basic-page-03.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-basic-page-03.png new file mode 100644 index 00000000..2bbd4599 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-basic-page-03.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-01.png new file mode 100644 index 00000000..45d6be26 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-02.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-02.png new file mode 100644 index 00000000..cc7f4b97 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-02.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-03.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-03.png new file mode 100644 index 00000000..5e5e411e Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-03.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-04.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-04.png new file mode 100644 index 00000000..276b6e36 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-04.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-05.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-05.png new file mode 100644 index 00000000..25bccbcc Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-05.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-06.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-06.png new file mode 100644 index 00000000..c2879d60 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-create-06.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-delete-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-delete-01.png new file mode 100644 index 00000000..7e4e0c2e Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-delete-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-delete-02.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-delete-02.png new file mode 100644 index 00000000..e384bfd6 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-delete-02.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-delete-03.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-delete-03.png new file mode 100644 index 00000000..e583e786 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-delete-03.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-delete-widget-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-delete-widget-01.png new file mode 100644 index 00000000..901c6720 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-delete-widget-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-delete-widget-02.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-delete-widget-02.png new file mode 100644 index 00000000..82289071 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-delete-widget-02.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-01.png new file mode 100644 index 00000000..04491aa9 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-02.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-02.png new file mode 100644 index 00000000..bcb4e58a Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-02.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-03.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-03.png new file mode 100644 index 00000000..0bbba283 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-03.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-04.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-04.png new file mode 100644 index 00000000..fee71114 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-04.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-change-widget-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-change-widget-01.png new file mode 100644 index 00000000..78909fc1 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-change-widget-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-01.png new file mode 100644 index 00000000..b070ff86 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-02.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-02.png new file mode 100644 index 00000000..5ebbb020 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-02.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-01.png new file mode 100644 index 00000000..f43fe240 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-02.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-02.png new file mode 100644 index 00000000..bc2e2239 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-02.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-intro-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-intro-01.png new file mode 100644 index 00000000..57ce9d3b Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-intro-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-label-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-label-01.png new file mode 100644 index 00000000..50be256d Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-label-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-name-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-name-01.png new file mode 100644 index 00000000..2266d668 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-name-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-refresh-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-refresh-01.png new file mode 100644 index 00000000..dffaef59 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-edit-refresh-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-01.png new file mode 100644 index 00000000..61983b33 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-02.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-02.png new file mode 100644 index 00000000..b6cf6796 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-02.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-duration-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-duration-01.png new file mode 100644 index 00000000..099e6448 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-duration-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-01.png new file mode 100644 index 00000000..56dea214 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-02.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-02.png new file mode 100644 index 00000000..46bd4fe8 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-02.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-01.png new file mode 100644 index 00000000..bb22534f Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-02.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-02.png new file mode 100644 index 00000000..5bbd651a Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-02.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-03.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-03.png new file mode 100644 index 00000000..3ea76ff7 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-03.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-04.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-04.png new file mode 100644 index 00000000..7a0215f1 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-04.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-05.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-05.png new file mode 100644 index 00000000..c0b5e50f Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-05.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-06.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-06.png new file mode 100644 index 00000000..12f36bba Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-06.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-01.png new file mode 100644 index 00000000..24d2e9ea Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-02.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-02.png new file mode 100644 index 00000000..0819475f Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-02.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-03.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-03.png new file mode 100644 index 00000000..3b1aa761 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-03.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-04.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-04.png new file mode 100644 index 00000000..5bd2d2cd Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-04.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-intro-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-intro-01.png new file mode 100644 index 00000000..f8cdba62 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-intro-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-label-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-label-01.png new file mode 100644 index 00000000..20ab183d Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-label-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-refresh-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-refresh-01.png new file mode 100644 index 00000000..0daaf1ba Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-setup-refresh-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-update-widget-01.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-update-widget-01.png new file mode 100644 index 00000000..86757957 Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-update-widget-01.png differ diff --git a/content/en/docs/guides/dashboards/dashboard-img/dashboard-update-widget-02.png b/content/en/docs/guides/dashboards/dashboard-img/dashboard-update-widget-02.png new file mode 100644 index 00000000..fb1432ad Binary files /dev/null and b/content/en/docs/guides/dashboards/dashboard-img/dashboard-update-widget-02.png differ diff --git a/content/en/docs/guides/dashboards/edit.md b/content/en/docs/guides/dashboards/edit.md new file mode 100644 index 00000000..f9d7f3d8 --- /dev/null +++ b/content/en/docs/guides/dashboards/edit.md @@ -0,0 +1,132 @@ +--- +title: "Customize Dashboard" +linkTitle: "Customize Dashboard" +weight: 5 +date: 2023-10-16 +description: > + In the dashboard [Customize] mode, you can modify the dashboard name, layout, widgets, and more. + +--- + +## Customizing your dashboard + +### Switch to 'Customize' mode + +Clicking the [Customize] button on the right side of a dashboard page will take you to the dashboard editing page. + +![dashboard-edit-intro-01](/docs/guides/dashboards/dashboard-img/dashboard-edit-intro-01.png) + +
+ +### Rename the dashboard + +You can click the [Edit] icon button next to the dashboard title to make changes. + +![dashboard-edit-name-01](/docs/guides/dashboards/dashboard-img/dashboard-edit-name-01.png) + +
+ +### Manage labels + +You can add or remove labels just below the dashboard title at the top. Labels are used to categorize and differentiate dashboard-related categories and features, making them useful for dashboard searches. + +![dashboard-edit-label-01](/docs/guides/dashboards/dashboard-img/dashboard-edit-label-01.png) + +
+ +### Apply a period range + +(1) When you activate the [Date Range Selector] option from the right side panel, a dropdown button for setting the period will be displayed on the dashboard. + +![dashboard-edit-duration-01](/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-01.png) + +(2) You can select a specific month from the drop-down or choose a specific month within the last 3 years using the [Custom] menu. + +![dashboard-edit-duration-02](/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-02.png) + +{{}} +Even when you activate the date range selector option, it doesn't apply to all widgets. Depending on the widget's characteristics, some widgets allow applying the date range, while others do not. +{{}} + +
+ +### Configure auto data refresh + +You can choose the data refresh interval from the [Refresh] dropdown in the upper right corner of the dashboard. + +![dashboard-edit-refresh-01](/docs/guides/dashboards/dashboard-img/dashboard-edit-refresh-01.png) + +
+ +### Add widgets + +(1) Click the [+ Add Widget] button on the right-hand dashboard editing page. + +![dashboard-edit-add-widget-01](/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-01.png) + +
+ +(2) Select a specific widget from the list on the left and add it. + +![dashboard-edit-add-widget-02](/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-02.png) + +{{}} +You can choose from a variety of widgets based on the [Cost], [Assets], and [Alert] categories. (More widgets will be continuously updated) +{{}} + + +(2-2) If you have selected a specific widget, you can enter the [Name] and set the detailed options. + +![dashboard-edit-add-widget-03](/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-03.png) + +{{}} +**[Inherit] On/Off:** Options provided for each widget are, for the most part, initially set to inherit the dashboard's variables as the default. 'Inheriting from the dashboard' means that when you change the options of a variable at the dashboard level, those changes are automatically applied to the widgets that have options that inherit from it. Conversely, when a specific option is set to non-inherited, changes to the variable at the dashboard level won't affect that widget. +
+e.g. In the Cost Map widget, the `Project` option is set to 'Inherit' and if you filter `Project` to 'Project A' at the dashboard level, the widget will now display data relevant to 'Project A' only. +{{
}} + +{{}} +**Return to initial settings:** Each widget comes with default option values corresponding to the dashboard's variables by default. Even if you've made multiple changes to widget options during the dashboard configuration process, clicking the [Return to initial settings] button will easily revert to the initially set default option values. +{{}} + + +(2-3) If there are no additional options you want, you can click the [+Add Option] button to add them. + +![dashboard-edit-add-widget-04](/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-04.png) + +(2-4) When you've finished the configuration, click the [Confirm] button to complete adding widgets to the dashboard. + + +
+ +### Rearrange the widget order + +You can change the order by drag & drop the widget name button from the widget list in the right panel. + +![dashboard-edit-change-widget-01](/docs/guides/dashboards/dashboard-img/dashboard-edit-change-widget-01.png) + + +
+ +### Enlarge widget size + +If you want to view a widget in full-screen, click the [Full Screen] icon button in the top right corner of the widget. + +![dashboard-edit-full-screen-01](/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-01.png) + +![dashboard-edit-full-screen-02](/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-02.png) + + +
+ +### Edit a widget + +(1) Click the [Edit] icon button in the top right corner of the widget to edit it. + +![dashboard-update-widget-01](/docs/guides/dashboards/dashboard-img/dashboard-update-widget-01.png) + +(2) You can edit the widget name and options, then click the [Confirm] button to save your changes. However, if you don't [Save] the dashboard in [Customize] mode, the edited widget won't be reflected in the final version. + +- For information on widget option settings, please refer to [**here**](/docs/guides/dashboards/edit/#위젯-추가하기). + +![dashboard-update-widget-02](/docs/guides/dashboards/dashboard-img/dashboard-update-widget-02.png) diff --git a/content/en/docs/guides/dashboards/template.md b/content/en/docs/guides/dashboards/template.md new file mode 100644 index 00000000..0ed3a88a --- /dev/null +++ b/content/en/docs/guides/dashboards/template.md @@ -0,0 +1,33 @@ +--- +title: "Dashboard Templates" +linkTitle: "Dashboard Templates" +weight: 3 +date: 2023-10-16 +description: > + Using the default templates makes it easier and faster to create a dashboard. +--- + + +## Monthly Cost Summary + +This is a dashboard that visualizes cloud cost status and budget utilization based on various group-specific statistical criteria in the form of charts. + +It is comprised of cost-related widgets, and among the dashboard variables, one specific Data-Source must be selected. + +![dashboard-basic-page-01](/docs/guides/dashboards/dashboard-img/dashboard-basic-page-01.png) + +
+ +## CDN & Traffic + +This is a dashboard that charts the status of CDN and traffic-related costs and usage for a specific cloud product. One specific Data-Source must be selected. + +![dashboard-basic-page-02](/docs/guides/dashboards/dashboard-img/dashboard-basic-page-02.png) + +
+ +## Compliance Overview + +This is a dashboard that visualizes compliance configuration audit and monitoring results. One specific Data-Source must be selected. + +![dashboard-basic-page-03](/docs/guides/dashboards/dashboard-img/dashboard-basic-page-03.png) diff --git a/content/en/docs/guides/dashboards/view.md b/content/en/docs/guides/dashboards/view.md new file mode 100644 index 00000000..cec6590c --- /dev/null +++ b/content/en/docs/guides/dashboards/view.md @@ -0,0 +1,149 @@ +--- +title: "Review & Quick Configuration" +linkTitle: "Review & Quick Configuration" +weight: 6 +date: 2023-10-16 +description: > + While in dashboard [Customize] mode, you can add new widgets and manage detailed layouts. However, in dashboard [View] mode, you can not only review data but also edit names, labels, delete, and quickly edit widgets. +--- + +## Editing a dashboard's name or Deleting/Duplicating + +### Editing a dashboard's name + +(1) Click the [Edit] icon button next to the dashboard name. + +![dashboard-setup-edit-name-01](/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-01.png) + +(2) After changing the dashboard's name, click the [Confirm] button. + +![dashboard-setup-edit-name-02](/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-02.png) + + +### Deleting + +(1) Click the [Trash] icon button next to the dashboard name. + +![dashboard-delete-02](/docs/guides/dashboards/dashboard-img/dashboard-delete-02.png) + +(2) Click the [Confirm] button in the [Delete Dashboard] modal to delete the dashboard. + +![dashboard-delete-03](/docs/guides/dashboards/dashboard-img/dashboard-delete-03.png) + + +### Duplicating + +(1) Click the [Clone] button on the right side of a dashboard. + +![dashboard-setup-duplicate-01](/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-01.png) + +(2) Select the following options and complete the cloning. + +![dashboard-setup-duplicate-02](/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-02.png) + +- **Dashboard name** +- **Viewers**: Select one between `Private` and `Public`. + +
+ + +## Managing labels + +Label addition/removal can be done in the same way as on [**here**](/docs/guides/dashboards/edit/#Manage-labels). + +![dashboard-setup-label-01](/docs/guides/dashboards/dashboard-img/dashboard-setup-label-01.png) + + +
+ +## Setting filters + +When you set up filters, you can view the dashboard data filtered by the desired conditions. + +(1) Choose the specific options of the desired item from the Variables section at the top of the dashboard. + +![dashboard-setup-filter-01](/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-01.png) + + +(2) If there are differences from the previously saved settings, the [Save] button on the right side will be activated, allowing you to quickly save the changes. + +![dashboard-setup-filter-02](/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-02.png) + + +(3) If you want to revert your changes to the most recently saved values while in the process of changing options, click the [Reset] button. + +![dashboard-setup-filter-03](/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-03.png) + + +(4) Click the [+ More] > [Manage Variables] button to review all available variables or add custom variables. + +![dashboard-setup-filter-04](/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-04.png) + + +(4-1) If you need to add custom variables, click the [+ Add Variable] button in the upper right corner of the [Manage Variables] window. + +![dashboard-setup-filter-05](/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-05.png) + + +(4-2) After entering the basic information for the variable you want to add, click the [Save] button. + +![dashboard-setup-filter-06](/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-06.png) + + +
+ +## Setting the period + +In the dashboard's top-right [Period] dropdown, you can select a specific month or choose a specific month within the last 3 years using the [Custom] menu. + +{{}} +In [View] mode, as opposed to [Customize] mode, any changes made to the time range will not be saved." +{{}} + +![dashboard-setup-duration-01](/docs/guides/dashboards/dashboard-img/dashboard-setup-duration-01.png) + + +
+ +## Configuring auto data refresh + +You can select the data refresh interval from the [Refresh] dropdown in the top right corner of the dashboard. + +{{}} +In [View] mode, as opposed to [Customize] mode, any changes made to the refresh interval will not be saved. +{{}} + +![dashboard-setup-refresh-01](/docs/guides/dashboards/dashboard-img/dashboard-setup-refresh-01.png) + + +
+ + +## Viewing and editing widget settings + +(1) Click the [Full Screen] icon button in the top-right corner of a specific widget + +![dashboard-setup-full-screen-01](/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-01.png) + + +(2) In full-screen mode, you can examine detailed widget data. The top filter options are the same as the dashboard variables, and you can explore each option to get a closer look at the widget's data. + +{{}} +Note that changes to the dashboard variables in [Full Screen] mode will not be saved. +{{}} + + +![dashboard-setup-full-screen-02](/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-02.png) + + +(3) If detailed editing of the widget is required, click the [Edit Options] button in the top-right corner. + +![dashboard-setup-full-screen-03](/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-03.png) + + +(4) Similar to [Customize] mode, you can edit and save the specific items of the widget. + +- For information on widget option settings, please refer to [**here**](/docs/guides/dashboards/edit/#Add-widgets). + +![dashboard-setup-full-screen-04](/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-04.png) + diff --git a/content/en/docs/guides/info/_index.md b/content/en/docs/guides/info/_index.md index 333d13b8..2536d0ed 100644 --- a/content/en/docs/guides/info/_index.md +++ b/content/en/docs/guides/info/_index.md @@ -1,7 +1,7 @@ --- title: "Information" linkTitle: "Information" -weight: 8 +weight: 9 date: 2022-08-22 description: > You can check important **Information** such as recent updates or task announcements regarding the use of the console. diff --git a/content/en/docs/guides/my-page/_index.md b/content/en/docs/guides/my-page/_index.md index bb606dbe..70a14045 100644 --- a/content/en/docs/guides/my-page/_index.md +++ b/content/en/docs/guides/my-page/_index.md @@ -1,7 +1,7 @@ --- title: "My page" linkTitle: "My page" -weight: 7 +weight: 8 date: 2022-06-23 description: > **My page** allows you to manage your personalized data. diff --git a/content/en/docs/guides/plugins/_index.md b/content/en/docs/guides/plugins/_index.md index ce1503d3..80d70e42 100644 --- a/content/en/docs/guides/plugins/_index.md +++ b/content/en/docs/guides/plugins/_index.md @@ -1,7 +1,7 @@ --- title: "Plugin" linkTitle: "Plugin" -weight: 10 +weight: 11 date: 2022-06-28 description: > Let us introduce a "Plugin" feature used in Cloudforet. diff --git a/content/en/docs/guides/project/_index.md b/content/en/docs/guides/project/_index.md index 662d9728..e2f80d88 100644 --- a/content/en/docs/guides/project/_index.md +++ b/content/en/docs/guides/project/_index.md @@ -1,7 +1,7 @@ --- title: "Project" linkTitle: "Project" -weight: 2 +weight: 3 date: 2022-06-07 description: > Design and manage a hierarchical structure according to the size and structure of your organization, where you can systematically manage the collected cloud resources. diff --git a/content/ja/docs/guides/dashboards/_index.md b/content/ja/docs/guides/dashboards/_index.md new file mode 100644 index 00000000..c8e87acb --- /dev/null +++ b/content/ja/docs/guides/dashboards/_index.md @@ -0,0 +1,12 @@ +--- +title: "Dashboards" +linkTitle: "Dashboards" +weight: 2 +date: 2023-10-16 +description: > + Dashboard service that visually represents (multi) cloud data, such as billing and assets, making complex data easy to understand at a glance. With support for various chart types and graphic elements, you can quickly grasp the essentials of your critical data. +
+
+ You can [**create customized dashboards**](/docs/guides/dashboards/create) by combining specific widgets to gain a quick overview of your desired data in addition to the [**default provided dashboards**](/docs/guides/dashboards/template). Furthermore, you can have precise control over variables, date ranges, and detailed options for each widget for each dashboard, allowing you to build and manage more accurate and professional dashboards tailored to your organization's requirements." + +--- diff --git a/content/ja/docs/guides/dashboards/create.md b/content/ja/docs/guides/dashboards/create.md new file mode 100644 index 00000000..02649185 --- /dev/null +++ b/content/ja/docs/guides/dashboards/create.md @@ -0,0 +1,55 @@ +--- +title: "Create Dashboard" +linkTitle: "Create Dashboard" +weight: 4 +date: 2023-10-16 +description: > + You can create and manage custom dashboards by utilizing various widgets based on the importance and characteristics of your data, in addition to the provided default dashboards. + +--- + +## Creating a new dashboard + +You can create a dashboard following the steps below. +
+
+ +(1) To create a new dashboard, you can either click on **[Dashboard > Create New Dashboard]** in the top menu or click the [+] button at the top of the left-hand menu within the dashboard service to go to the creation page. + +![dashboard-create-01](/docs/guides/dashboards/dashboard-img/dashboard-create-01.png) + +![dashboard-create-02](/docs/guides/dashboards/dashboard-img/dashboard-create-02.png) + +
+ +(2) On the "Create New Dashboard" page, select the dashboard scope and choose whether it should be public or not. + +![dashboard-create-03](/docs/guides/dashboards/dashboard-img/dashboard-create-03.png) + +- **Entire Workspace** : The data for the entire workspace's projects will be displayed. +- **Single Project** : The dashboard will be configured using only the data from a chosen project. + +
+ +(3) You can select from the default templates provided by Cloudforet or choose to duplicate an existing dashboard. After selecting your preferred options, click the [Continue] button. + +![dashboard-create-04](/docs/guides/dashboards/dashboard-img/dashboard-create-04.png) + +
+ +(4) After entering the dashboard name, you can complete creating the dashboard using the provided widgets. For detailed editing instructions, refer to [**here**](/docs/guides/dashboards/edit). + +![dashboard-create-05](/docs/guides/dashboards/dashboard-img/dashboard-create-05.png) + +
+ +(5) The created dashboard can be found on the [View All Dashboards] page, categorized based on [viewers] and [scope]. + +![dashboard-create-06](/docs/guides/dashboards/dashboard-img/dashboard-create-06.png) + +
+ +To review the created dashboard and make quick adjustments, please refer to [**here**](/docs/guides/dashboards/view). + + + diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-basic-page-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-basic-page-01.png new file mode 100644 index 00000000..90a8d710 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-basic-page-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-basic-page-02.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-basic-page-02.png new file mode 100644 index 00000000..7b186dec Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-basic-page-02.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-basic-page-03.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-basic-page-03.png new file mode 100644 index 00000000..8c152bde Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-basic-page-03.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-01.png new file mode 100644 index 00000000..84d34dea Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-02.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-02.png new file mode 100644 index 00000000..3fc997b1 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-02.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-03.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-03.png new file mode 100644 index 00000000..49974749 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-03.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-04.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-04.png new file mode 100644 index 00000000..97ff7b54 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-04.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-05.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-05.png new file mode 100644 index 00000000..2512aa19 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-05.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-06.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-06.png new file mode 100644 index 00000000..dff9c873 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-create-06.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-delete-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-delete-01.png new file mode 100644 index 00000000..be500369 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-delete-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-delete-02.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-delete-02.png new file mode 100644 index 00000000..2e404ae7 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-delete-02.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-delete-03.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-delete-03.png new file mode 100644 index 00000000..28486504 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-delete-03.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-delete-widget-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-delete-widget-01.png new file mode 100644 index 00000000..5d640294 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-delete-widget-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-delete-widget-02.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-delete-widget-02.png new file mode 100644 index 00000000..8baec3a9 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-delete-widget-02.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-01.png new file mode 100644 index 00000000..c48a9947 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-02.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-02.png new file mode 100644 index 00000000..ae3ae181 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-02.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-03.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-03.png new file mode 100644 index 00000000..012ef2cb Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-03.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-04.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-04.png new file mode 100644 index 00000000..f909ffa7 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-04.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-change-widget-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-change-widget-01.png new file mode 100644 index 00000000..2360b07b Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-change-widget-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-01.png new file mode 100644 index 00000000..343a0948 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-02.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-02.png new file mode 100644 index 00000000..e4300569 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-02.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-01.png new file mode 100644 index 00000000..de42af4c Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-02.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-02.png new file mode 100644 index 00000000..bc2e2239 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-02.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-intro-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-intro-01.png new file mode 100644 index 00000000..fcd1d1de Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-intro-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-label-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-label-01.png new file mode 100644 index 00000000..f4e5dfe2 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-label-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-name-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-name-01.png new file mode 100644 index 00000000..f3381345 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-name-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-refresh-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-refresh-01.png new file mode 100644 index 00000000..eb1a49f1 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-edit-refresh-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-01.png new file mode 100644 index 00000000..21599ae9 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-02.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-02.png new file mode 100644 index 00000000..6f31b9cb Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-02.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-duration-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-duration-01.png new file mode 100644 index 00000000..16ba870d Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-duration-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-01.png new file mode 100644 index 00000000..9b335e56 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-02.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-02.png new file mode 100644 index 00000000..547443ac Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-02.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-01.png new file mode 100644 index 00000000..6f224f09 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-02.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-02.png new file mode 100644 index 00000000..b5822662 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-02.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-03.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-03.png new file mode 100644 index 00000000..350ae4b3 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-03.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-04.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-04.png new file mode 100644 index 00000000..148a1ca3 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-04.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-05.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-05.png new file mode 100644 index 00000000..b6d7805c Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-05.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-06.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-06.png new file mode 100644 index 00000000..2cea7325 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-06.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-01.png new file mode 100644 index 00000000..3926d2a9 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-02.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-02.png new file mode 100644 index 00000000..4012b1ae Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-02.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-03.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-03.png new file mode 100644 index 00000000..eb3eed05 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-03.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-04.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-04.png new file mode 100644 index 00000000..50754634 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-04.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-intro-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-intro-01.png new file mode 100644 index 00000000..c341f5dc Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-intro-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-label-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-label-01.png new file mode 100644 index 00000000..a50c6d9f Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-label-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-refresh-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-refresh-01.png new file mode 100644 index 00000000..7e90220b Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-setup-refresh-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-update-widget-01.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-update-widget-01.png new file mode 100644 index 00000000..e3f034be Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-update-widget-01.png differ diff --git a/content/ja/docs/guides/dashboards/dashboard-img/dashboard-update-widget-02.png b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-update-widget-02.png new file mode 100644 index 00000000..2374eef5 Binary files /dev/null and b/content/ja/docs/guides/dashboards/dashboard-img/dashboard-update-widget-02.png differ diff --git a/content/ja/docs/guides/dashboards/edit.md b/content/ja/docs/guides/dashboards/edit.md new file mode 100644 index 00000000..f9d7f3d8 --- /dev/null +++ b/content/ja/docs/guides/dashboards/edit.md @@ -0,0 +1,132 @@ +--- +title: "Customize Dashboard" +linkTitle: "Customize Dashboard" +weight: 5 +date: 2023-10-16 +description: > + In the dashboard [Customize] mode, you can modify the dashboard name, layout, widgets, and more. + +--- + +## Customizing your dashboard + +### Switch to 'Customize' mode + +Clicking the [Customize] button on the right side of a dashboard page will take you to the dashboard editing page. + +![dashboard-edit-intro-01](/docs/guides/dashboards/dashboard-img/dashboard-edit-intro-01.png) + +
+ +### Rename the dashboard + +You can click the [Edit] icon button next to the dashboard title to make changes. + +![dashboard-edit-name-01](/docs/guides/dashboards/dashboard-img/dashboard-edit-name-01.png) + +
+ +### Manage labels + +You can add or remove labels just below the dashboard title at the top. Labels are used to categorize and differentiate dashboard-related categories and features, making them useful for dashboard searches. + +![dashboard-edit-label-01](/docs/guides/dashboards/dashboard-img/dashboard-edit-label-01.png) + +
+ +### Apply a period range + +(1) When you activate the [Date Range Selector] option from the right side panel, a dropdown button for setting the period will be displayed on the dashboard. + +![dashboard-edit-duration-01](/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-01.png) + +(2) You can select a specific month from the drop-down or choose a specific month within the last 3 years using the [Custom] menu. + +![dashboard-edit-duration-02](/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-02.png) + +{{}} +Even when you activate the date range selector option, it doesn't apply to all widgets. Depending on the widget's characteristics, some widgets allow applying the date range, while others do not. +{{}} + +
+ +### Configure auto data refresh + +You can choose the data refresh interval from the [Refresh] dropdown in the upper right corner of the dashboard. + +![dashboard-edit-refresh-01](/docs/guides/dashboards/dashboard-img/dashboard-edit-refresh-01.png) + +
+ +### Add widgets + +(1) Click the [+ Add Widget] button on the right-hand dashboard editing page. + +![dashboard-edit-add-widget-01](/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-01.png) + +
+ +(2) Select a specific widget from the list on the left and add it. + +![dashboard-edit-add-widget-02](/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-02.png) + +{{}} +You can choose from a variety of widgets based on the [Cost], [Assets], and [Alert] categories. (More widgets will be continuously updated) +{{}} + + +(2-2) If you have selected a specific widget, you can enter the [Name] and set the detailed options. + +![dashboard-edit-add-widget-03](/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-03.png) + +{{}} +**[Inherit] On/Off:** Options provided for each widget are, for the most part, initially set to inherit the dashboard's variables as the default. 'Inheriting from the dashboard' means that when you change the options of a variable at the dashboard level, those changes are automatically applied to the widgets that have options that inherit from it. Conversely, when a specific option is set to non-inherited, changes to the variable at the dashboard level won't affect that widget. +
+e.g. In the Cost Map widget, the `Project` option is set to 'Inherit' and if you filter `Project` to 'Project A' at the dashboard level, the widget will now display data relevant to 'Project A' only. +{{
}} + +{{}} +**Return to initial settings:** Each widget comes with default option values corresponding to the dashboard's variables by default. Even if you've made multiple changes to widget options during the dashboard configuration process, clicking the [Return to initial settings] button will easily revert to the initially set default option values. +{{}} + + +(2-3) If there are no additional options you want, you can click the [+Add Option] button to add them. + +![dashboard-edit-add-widget-04](/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-04.png) + +(2-4) When you've finished the configuration, click the [Confirm] button to complete adding widgets to the dashboard. + + +
+ +### Rearrange the widget order + +You can change the order by drag & drop the widget name button from the widget list in the right panel. + +![dashboard-edit-change-widget-01](/docs/guides/dashboards/dashboard-img/dashboard-edit-change-widget-01.png) + + +
+ +### Enlarge widget size + +If you want to view a widget in full-screen, click the [Full Screen] icon button in the top right corner of the widget. + +![dashboard-edit-full-screen-01](/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-01.png) + +![dashboard-edit-full-screen-02](/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-02.png) + + +
+ +### Edit a widget + +(1) Click the [Edit] icon button in the top right corner of the widget to edit it. + +![dashboard-update-widget-01](/docs/guides/dashboards/dashboard-img/dashboard-update-widget-01.png) + +(2) You can edit the widget name and options, then click the [Confirm] button to save your changes. However, if you don't [Save] the dashboard in [Customize] mode, the edited widget won't be reflected in the final version. + +- For information on widget option settings, please refer to [**here**](/docs/guides/dashboards/edit/#위젯-추가하기). + +![dashboard-update-widget-02](/docs/guides/dashboards/dashboard-img/dashboard-update-widget-02.png) diff --git a/content/ja/docs/guides/dashboards/template.md b/content/ja/docs/guides/dashboards/template.md new file mode 100644 index 00000000..0ed3a88a --- /dev/null +++ b/content/ja/docs/guides/dashboards/template.md @@ -0,0 +1,33 @@ +--- +title: "Dashboard Templates" +linkTitle: "Dashboard Templates" +weight: 3 +date: 2023-10-16 +description: > + Using the default templates makes it easier and faster to create a dashboard. +--- + + +## Monthly Cost Summary + +This is a dashboard that visualizes cloud cost status and budget utilization based on various group-specific statistical criteria in the form of charts. + +It is comprised of cost-related widgets, and among the dashboard variables, one specific Data-Source must be selected. + +![dashboard-basic-page-01](/docs/guides/dashboards/dashboard-img/dashboard-basic-page-01.png) + +
+ +## CDN & Traffic + +This is a dashboard that charts the status of CDN and traffic-related costs and usage for a specific cloud product. One specific Data-Source must be selected. + +![dashboard-basic-page-02](/docs/guides/dashboards/dashboard-img/dashboard-basic-page-02.png) + +
+ +## Compliance Overview + +This is a dashboard that visualizes compliance configuration audit and monitoring results. One specific Data-Source must be selected. + +![dashboard-basic-page-03](/docs/guides/dashboards/dashboard-img/dashboard-basic-page-03.png) diff --git a/content/ja/docs/guides/dashboards/view.md b/content/ja/docs/guides/dashboards/view.md new file mode 100644 index 00000000..cec6590c --- /dev/null +++ b/content/ja/docs/guides/dashboards/view.md @@ -0,0 +1,149 @@ +--- +title: "Review & Quick Configuration" +linkTitle: "Review & Quick Configuration" +weight: 6 +date: 2023-10-16 +description: > + While in dashboard [Customize] mode, you can add new widgets and manage detailed layouts. However, in dashboard [View] mode, you can not only review data but also edit names, labels, delete, and quickly edit widgets. +--- + +## Editing a dashboard's name or Deleting/Duplicating + +### Editing a dashboard's name + +(1) Click the [Edit] icon button next to the dashboard name. + +![dashboard-setup-edit-name-01](/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-01.png) + +(2) After changing the dashboard's name, click the [Confirm] button. + +![dashboard-setup-edit-name-02](/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-02.png) + + +### Deleting + +(1) Click the [Trash] icon button next to the dashboard name. + +![dashboard-delete-02](/docs/guides/dashboards/dashboard-img/dashboard-delete-02.png) + +(2) Click the [Confirm] button in the [Delete Dashboard] modal to delete the dashboard. + +![dashboard-delete-03](/docs/guides/dashboards/dashboard-img/dashboard-delete-03.png) + + +### Duplicating + +(1) Click the [Clone] button on the right side of a dashboard. + +![dashboard-setup-duplicate-01](/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-01.png) + +(2) Select the following options and complete the cloning. + +![dashboard-setup-duplicate-02](/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-02.png) + +- **Dashboard name** +- **Viewers**: Select one between `Private` and `Public`. + +
+ + +## Managing labels + +Label addition/removal can be done in the same way as on [**here**](/docs/guides/dashboards/edit/#Manage-labels). + +![dashboard-setup-label-01](/docs/guides/dashboards/dashboard-img/dashboard-setup-label-01.png) + + +
+ +## Setting filters + +When you set up filters, you can view the dashboard data filtered by the desired conditions. + +(1) Choose the specific options of the desired item from the Variables section at the top of the dashboard. + +![dashboard-setup-filter-01](/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-01.png) + + +(2) If there are differences from the previously saved settings, the [Save] button on the right side will be activated, allowing you to quickly save the changes. + +![dashboard-setup-filter-02](/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-02.png) + + +(3) If you want to revert your changes to the most recently saved values while in the process of changing options, click the [Reset] button. + +![dashboard-setup-filter-03](/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-03.png) + + +(4) Click the [+ More] > [Manage Variables] button to review all available variables or add custom variables. + +![dashboard-setup-filter-04](/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-04.png) + + +(4-1) If you need to add custom variables, click the [+ Add Variable] button in the upper right corner of the [Manage Variables] window. + +![dashboard-setup-filter-05](/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-05.png) + + +(4-2) After entering the basic information for the variable you want to add, click the [Save] button. + +![dashboard-setup-filter-06](/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-06.png) + + +
+ +## Setting the period + +In the dashboard's top-right [Period] dropdown, you can select a specific month or choose a specific month within the last 3 years using the [Custom] menu. + +{{}} +In [View] mode, as opposed to [Customize] mode, any changes made to the time range will not be saved." +{{}} + +![dashboard-setup-duration-01](/docs/guides/dashboards/dashboard-img/dashboard-setup-duration-01.png) + + +
+ +## Configuring auto data refresh + +You can select the data refresh interval from the [Refresh] dropdown in the top right corner of the dashboard. + +{{}} +In [View] mode, as opposed to [Customize] mode, any changes made to the refresh interval will not be saved. +{{}} + +![dashboard-setup-refresh-01](/docs/guides/dashboards/dashboard-img/dashboard-setup-refresh-01.png) + + +
+ + +## Viewing and editing widget settings + +(1) Click the [Full Screen] icon button in the top-right corner of a specific widget + +![dashboard-setup-full-screen-01](/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-01.png) + + +(2) In full-screen mode, you can examine detailed widget data. The top filter options are the same as the dashboard variables, and you can explore each option to get a closer look at the widget's data. + +{{}} +Note that changes to the dashboard variables in [Full Screen] mode will not be saved. +{{}} + + +![dashboard-setup-full-screen-02](/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-02.png) + + +(3) If detailed editing of the widget is required, click the [Edit Options] button in the top-right corner. + +![dashboard-setup-full-screen-03](/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-03.png) + + +(4) Similar to [Customize] mode, you can edit and save the specific items of the widget. + +- For information on widget option settings, please refer to [**here**](/docs/guides/dashboards/edit/#Add-widgets). + +![dashboard-setup-full-screen-04](/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-04.png) + diff --git a/content/ko/docs/guides/dashboards/_index.md b/content/ko/docs/guides/dashboards/_index.md index cef3c048..e6b6746a 100644 --- a/content/ko/docs/guides/dashboards/_index.md +++ b/content/ko/docs/guides/dashboards/_index.md @@ -6,6 +6,7 @@ date: 2023-10-16 description: > 빌링, 에셋과 같은 (멀티) 클라우드 데이터를 시각적으로 표현하여 복잡한 정보를 직관적으로 이해할 수 있도록 대시보드 서비스를 제공합니다. 다양한 구성의 차트, 그래픽 요소를 지원하기 때문에 중요 데이터의 핵심을 빠르게 파악할 수 있습니다.
+
사용자는 [**기본 제공의 대시보드**](/ko/docs/guides/dashboards/template) 외에도 원하는 데이터를 한눈에 파악하기 위해 특정 위젯을 조합한 맞춤형 대시보드를 [**생성**](/ko/docs/guides/dashboards/create)할 수 있습니다. 또한, 각 대시보드마다 Variable(변수), 날짜 범위 및 각 위젯의 세부 옵션을 정밀하게 설정할 수 있어, 조직의 요구사항에 맞춰 보다 정확하고 전문적인 대시보드를 구축하고 관리할 수 있습니다. --- diff --git a/content/ko/docs/guides/dashboards/create.md b/content/ko/docs/guides/dashboards/create.md index a80297e1..9e3bc99b 100644 --- a/content/ko/docs/guides/dashboards/create.md +++ b/content/ko/docs/guides/dashboards/create.md @@ -26,8 +26,8 @@ description: > ![dashboard-create-03](/ko/docs/guides/dashboards/dashboard-img/dashboard-create-03.png) -- 전체 워크스페이스 : 워크스페이스 내 전체 프로젝트에 대한 데이터가 보여집니다. -- 개별 프로젝트 : 특정 프로젝트를 선택하여 범위 설정 시, 해당 프로젝트의 데이터로만 구성이 됩니다. +- **전체 워크스페이스** : 워크스페이스 내 전체 프로젝트에 대한 데이터가 보여집니다. +- **개별 프로젝트** : 특정 프로젝트를 선택하여 범위 설정 시, 해당 프로젝트의 데이터로만 구성이 됩니다.
@@ -48,6 +48,7 @@ description: > ![dashboard-create-06](/ko/docs/guides/dashboards/dashboard-img/dashboard-create-06.png)
+ 생성된 대시보드 확인 및 빠른 설정은 [**여기**](/ko/docs/guides/dashboards/view)을 참고하십시오. diff --git a/content/ko/docs/guides/dashboards/edit.md b/content/ko/docs/guides/dashboards/edit.md index f08849bd..7a75b16e 100644 --- a/content/ko/docs/guides/dashboards/edit.md +++ b/content/ko/docs/guides/dashboards/edit.md @@ -20,6 +20,8 @@ description: > ### 이름 편집하기 +대시보드 제목 옆의 [편집] 아이콘 버튼을 클릭해서 변경할 수 있습니다. + ![dashboard-edit-name-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-name-01.png)
@@ -66,10 +68,13 @@ description: > (2) 좌측 위젯 목록 중 특정 위젯을 선택하여 추가합니다. -(2-1) [비용], [에셋], [얼럿] 목록에 따라 다양한 위젯을 선택할 수 있습니다. (위젯은 지속적인 업데이트가 진행될 예정입니다.) - ![dashboard-edit-add-widget-02](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-02.png) +{{}} +[비용], [에셋], [얼럿] 목록에 따라 다양한 위젯을 선택할 수 있습니다. (위젯은 지속적인 업데이트가 진행될 예정입니다.) +{{}} + + (2-2) 특정 위젯을 선택했다면, [이름] 입력 후 세부 옵션을 설정합니다. ![dashboard-edit-add-widget-03](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-03.png) @@ -84,12 +89,14 @@ e.g. Cost Map 위젯에 `Project` 옵션이 ‘상속받기’로 설정되어 **초기 설정으로 돌아가기:** 위젯 별로 해당 대시보드의 Variable(변수)와 상응하는 기본 옵션 값들이 기본적으로 설정되어 있습니다. 대시보드를 구성하는 과정에서 위젯에 옵션 값을 여러 번 변경했더라도, [초기 설정으로 돌아가기] 버튼을 클릭하면 초기에 설정된 기본 옵션 값으로 쉽게 되돌릴 수 있습니다. {{}} + (2-3) 추가하고자 하는 옵션이 없을 경우, [+옵션 추가] 버튼을 클릭하여 추가할 수 있습니다. ![dashboard-edit-add-widget-04](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-04.png) (2-4) 설정이 마무리되었다면, [확인] 버튼을 클릭하여 대시보드에 위젯 추가를 완료합니다. +
### 위젯 순서 변경하기 @@ -98,6 +105,7 @@ e.g. Cost Map 위젯에 `Project` 옵션이 ‘상속받기’로 설정되어 ![dashboard-edit-change-widget-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-change-widget-01.png) +
### 위젯 크기 조정하기 diff --git a/content/ko/docs/guides/dashboards/template.md b/content/ko/docs/guides/dashboards/template.md index 929eecfd..4d9e7444 100644 --- a/content/ko/docs/guides/dashboards/template.md +++ b/content/ko/docs/guides/dashboards/template.md @@ -4,7 +4,7 @@ linkTitle: "대시보드 템플릿" weight: 3 date: 2023-10-16 description: > - 아래는 현재 기본으로 제공되는 대시보드입니다. + 기본 템플릿을 활용하면 좀 더 쉽고, 빠르게 대시보드를 생성할 수 있습니다. --- diff --git a/content/ko/docs/guides/dashboards/view.md b/content/ko/docs/guides/dashboards/view.md index fd5fac07..fa2ec2c3 100644 --- a/content/ko/docs/guides/dashboards/view.md +++ b/content/ko/docs/guides/dashboards/view.md @@ -33,7 +33,7 @@ description: > ### 복제하기 -(1) 대시보드 이름 옆의 [복제] 아이콘 버튼을 클릭합니다. +(1) 대시보드 이름 옆의 [복제] 버튼을 클릭합니다. ![dashboard-setup-duplicate-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-01.png) @@ -41,8 +41,8 @@ description: > ![dashboard-setup-duplicate-02](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-02.png) -- 대시보드 이름 -- 공개 여부: `비공개`와 `공개` 중 하나를 선택합니다. +- **대시보드 이름** +- **공개 여부**: `비공개`와 `공개` 중 하나를 선택합니다.
@@ -126,7 +126,12 @@ description: > ![dashboard-setup-full-screen-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-01.png) -(2) 전체화면에서는 상세한 위젯 데이터 확인이 가능합니다. 상단 필터 항목은 대시보드 Variable(변수)와 동일한 항목으로, 각 옵션들을 변경해보며, 해당 위젯의 데이터를 자세히 확인해 볼 수 있습니다. (단, [전체화면] 모드에서 대시보드 변수를 변경한 내역은 저장되지 않습니다.) +(2) 전체화면에서는 상세한 위젯 데이터 확인이 가능합니다. 상단 필터 항목은 대시보드 Variable(변수)와 동일한 항목으로, 각 옵션들을 변경해보며, 해당 위젯의 데이터를 자세히 확인해 볼 수 있습니다. + +{{}} +단, [전체화면] 모드에서 대시보드 변수를 변경한 내역은 저장되지 않습니다. +{{}} + ![dashboard-setup-full-screen-02](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-02.png)