Skip to content

Commit d79d6d4

Browse files
1.30 release (#522)
* DOCSP-18955 documentation for query library (#519) * DOCSP-18955 documentation for query library * DOCSP-18955 updates for copy review feedback * DOCSP-18955 update for tom's feedback * DOCSP-18955 second round of updates for feedback * DOCSP-18955 change page title * DOCSP-20630 update doc for chart data export (#520) * DOCSP-20630 update doc for chart data export * DOCSP-20630 updates for copy review feedback * (DOCSP-18973), (DOCSP-18974), (DOCSP-18975), (DOCSP-19073): Updated with Dashboard Embedding details. (#521) * (DOCSP-18973), (DOCSP-18974), (DOCSP-18975), (DOCSP-19073): Updated with Dashboard Embedding details * (DOCSP-18973): Second pass. * (DOCSP-18973): Incorporated Kanchana's feedback. * (DOCSP-18973): Copy feedback pt.2. * (DOCSP-18973): Incorporated Tom's feedback. * (DOCSP-18973): Incorporated Tom's feedback pt. 2 * (DOCSP-18973): Incorporated Tom's feedback pt. 3 * (DOCSP-28973): Incorporated Tom's final comment. Co-authored-by: kanchana-mongodb <[email protected]>
1 parent a7a488a commit d79d6d4

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

44 files changed

+1538
-137
lines changed

snooty.toml

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,9 @@ toc_landing_pages = ["/installation", "/dashboards", "/data-sources",
1313
"/chart-type-reference/choropleth",
1414
"/customize-charts",
1515
"/customize-charts/conditional-formatting",
16-
"/embedding-charts",
16+
"/embed-charts-and-dashboards",
17+
"/embedding-charts",
18+
"/embedding-dashboards",
1719
"/view-export-chart-data",
1820
"/embedding-tutorials",
1921
"/embedding-charts-sdk",

source/aggregation-pipeline.txt

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,16 @@ To create an aggregation pipeline:
2222

2323
1. In the :guilabel:`Query` bar, input an aggregation pipeline. Your
2424
pipeline must be in square brackets.
25-
25+
26+
#. (Optional) Select :guilabel:`Format` to arrange the query as
27+
follows:
28+
29+
- Split the query across multiple lines
30+
- Indent the query as per JSON conventions
31+
32+
#. (Conditional) If you selected the :guilabel:`Format` option, click
33+
:guilabel:`Close` when you finish.
34+
2635
#. Click :guilabel:`Apply` to execute your pipeline.
2736

2837
Example

source/charts-embedding-sdk.txt

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
.. _charts-embedding-sdk:
2+
3+
===================================
4+
Embed Charts with the Embedding SDK
5+
===================================
6+
7+
.. default-domain:: mongodb
8+
9+
.. contents:: On this page
10+
:local:
11+
:backlinks: none
12+
:depth: 2
13+
:class: singlecol
14+
15+
You can embed a chart into a web application with the :ref:`Embedding
16+
SDK <embedding-charts-sdk>`, which allows you to make more flexible
17+
adjustments to chart settings and rendering.
18+
19+
You can use the embedding SDK to do the following tasks:
20+
21+
- Add filters dynamically
22+
- Change the size and style of the chart
23+
- Refresh on demand
24+
25+
To embed a chart with the SDK, you need to:
26+
27+
1. Enable embedding for the chart.
28+
#. Allow :ref:`embedded chart filtering <embed-options-filter>` on
29+
certain fields by :ref:`specifying filterable fields
30+
<specify-filter-fields>`. Don't include fields that may reveal
31+
sensitive data.
32+
#. Have the chart ID and base URL strings.
33+
34+
To learn more, see :ref:`get-started-embedding-sdk`.

source/configure-auth-providers.txt

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,15 @@ Configure Embedding Authentication Providers
1313
:class: singlecol
1414

1515
|charts| uses tokens passed with the Embedding SDK to authenticate users
16-
who want to view authenticated embedded charts. If the details in the
17-
token do not match criteria you specify, if the token is invalid,
18-
or if a token is not present, |charts-short| doesn't render the chart.
16+
who want to view embedded charts or dashboards that require
17+
authentication.
18+
19+
|charts-short| doesn't render the chart or dashboard in any of the
20+
following scenarios:
21+
22+
- The details in the token don't match criteria you specify.
23+
- The token is invalid.
24+
- A token isn't present.
1925

2026
Considerations
2127
--------------

source/dashboard-refresh.txt

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,8 @@ To configure auto-refresh settings for a dashboard:
3030

3131
1. Select a dashboard from the :guilabel:`Dashboards` page.
3232

33-
#. Click :guilabel:`Refresh` at the top of the dashboard.
33+
#. Click the :guilabel:`Refresh` icon at
34+
the top of the dashboard.
3435

3536
#. Click :guilabel:`Auto Refresh Settings` from the dropdown.
3637

@@ -61,7 +62,7 @@ To manually refresh dashboard data:
6162

6263
1. Select a dashboard from the :guilabel:`Dashboards` page.
6364

64-
#. Click the :guilabel:`Refresh` button.
65+
#. Click the :guilabel:`Refresh` icon.
6566

6667
#. Select :guilabel:`Force Refresh All Charts` from the dropdown.
6768

source/dashboards-embedding-sdk.txt

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
.. _dashboards-embedding-sdk:
2+
3+
=======================================
4+
Embed Dashboards with the Embedding SDK
5+
=======================================
6+
7+
.. default-domain:: mongodb
8+
9+
.. contents:: On this page
10+
:local:
11+
:backlinks: none
12+
:depth: 2
13+
:class: singlecol
14+
15+
You can embed a dashboard into a web application with the
16+
:ref:`Embedding SDK <embedding-charts-sdk>`, which allows you to make
17+
more flexible adjustments to dashboard settings and rendering.
18+
19+
You can use the embedding SDK to do the following tasks:
20+
21+
- Change the size and style of the dashboard
22+
- Refresh on demand
23+
24+
To embed a dashboard with the SDK, you need to:
25+
26+
1. Enable embedding for the dashboard.
27+
#. Have the dashboard ID and base URL strings.
28+
29+
To learn more, see :ref:`get-started-embedding-sdk`.

source/dashboards.txt

Lines changed: 9 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -113,14 +113,11 @@ refresh behavior, see :doc:`/dashboard-refresh`.
113113
Get Chart Data
114114
--------------
115115

116-
Authenticated dashboard users can view and export the
117-
underlying chart data as a table. To view the chart data, click
118-
:guilabel:`Get Chart Data` from the :icon-fa5:`ellipsis-h` menu. Each
119-
row in the table represents a data point.
120-
121-
.. note::
122-
123-
Users who open a dashboard using a public link can't get chart data.
116+
The data underlying a chart can be exported as a table. All viewers of
117+
public dashboards and authenticated users of non-public dashboards can
118+
view and export data. To view the chart data, click :guilabel:`Get
119+
Chart Data` from the :icon-fa5:`ellipsis-h` menu. Each row in the table
120+
represents a data point.
124121

125122
.. include:: /includes/get-chart-data-details.rst
126123

@@ -266,11 +263,8 @@ To enter the fullscreen view for dashboards:
266263

267264
1. Select a dashboard from the :guilabel:`Dashboards` page.
268265

269-
#. Click the expanding arrows at the top-right of the dashboard.
270-
271-
.. figure:: /images/charts/full-screen-view.png
272-
:figwidth: 750px
273-
:alt: Fullscreen Arrows
266+
#. Click the :guilabel:`View full screen` (:icon-fa5:`expand`) icon at
267+
the top-right of the dashboard.
274268

275269
.. note::
276270

@@ -288,7 +282,8 @@ To enter the fullscreen view for dashboards:
288282
To exit the fullscreen view for dashboards, do one of the following
289283
tasks:
290284

291-
- Click the contracting arrows at the top-right of the dashboard.
285+
- Click the :guilabel:`Exit full screen` (:icon-fa5:`compress`) icon at
286+
the top-right of the dashboard.
292287

293288
- Press the escape key.
294289

source/embed-chart-anon-auth.txt

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -43,18 +43,16 @@ Create a Web App to Display Your Chart
4343
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
4444

4545
If you already have an app in which to display your chart, you're ready
46-
to add an unauthenticated embedded chart. If not, proceed with the remaining
47-
steps to create a new app.
46+
to add an unauthenticated embedded chart. If not, proceed with the
47+
remaining steps to create a new app.
4848

49-
MongoDB offers a pre-built example app that shows how to use the
50-
Embedding SDK to display an unauthenticated embedded chart.
49+
.. include:: /includes/fact-create-web-app-anon-chart.rst
5150

5251
Clone the :github:`GitHub repository </mongodb-js/charts-embed-sdk/>`
53-
to get all the example apps. Instructions for running the unauthenticated
54-
example are in the :github:`Readme
55-
</mongodb-js/charts-embed-sdk/tree/master/examples/unauthenticated>` file
56-
in the ``unauthenticated`` directory. You can run the app as-is, or you can
57-
customize it to use a chart of your own.
52+
to get all the example apps. Instructions for running the
53+
unauthenticated example are in the :github:`Readme
54+
</mongodb-js/charts-embed-sdk/tree/master/examples/charts/unauthenticated>` file in the ``unauthenticated`` directory. You can
55+
run the app as-is, or you can customize it to use a chart of your own.
5856

5957
Customize the Node.js App
6058
~~~~~~~~~~~~~~~~~~~~~~~~~

source/embed-chart-google-auth.txt

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@ MongoDB offers a pre-built example app that shows how to use the
6464
Embedding SDK to display an embedded chart using Google authentication.
6565

6666
To run the example app, clone the
67-
:github:`MongoDB Charts Embedding Example - Google Authentication </mongodb-js/charts-embed-sdk/tree/master/examples/authenticated-google>`
67+
:github:`MongoDB Charts Embedding Example - Google Authentication </mongodb-js/charts-embed-sdk/tree/master/examples/charts/authenticated-google>`
6868
repository from GitHub and follow the instructions in the ``Readme``
6969
file to begin using the app. You can run the app as-is with a sample
7070
chart, or you can customize it to use an existing chart.

source/embed-chart-jwt-auth.txt

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@ MongoDB offers a pre-built sample that shows you how to use the
8080
Embedding SDK to authenticate an embedded chart using a |jwt|.
8181

8282
Clone the :github:`GitHub repository
83-
</mongodb-js/charts-embed-sdk/tree/master/examples/authenticated-custom-jwt>`
83+
</mongodb-js/charts-embed-sdk/tree/master/examples/charts/authenticated-custom-jwt>`
8484
and follow the instructions in the **Readme** file to begin using the
8585
app. You can customize it to use the chart you created earlier.
8686

0 commit comments

Comments
 (0)