@@ -222,17 +222,23 @@ embedded chart displays in your application:
222
222
Chart using ``light`` theme with default ``light`` theme
223
223
``background`` of ``#FFFFFF``:
224
224
225
- .. image:: /images/charts/light-theme-default.png
225
+ .. figure:: /images/charts/light-theme-default.png
226
+ :figwidth: 540
227
+ :alt: Chart displayed using the light theme with light theme style.
226
228
227
229
Chart using ``dark`` theme with default ``light`` theme
228
230
``background`` of ``#FFFFFF``:
229
231
230
- .. image:: /images/charts/dark-theme-light-theme-values.png
232
+ .. figure:: /images/charts/dark-theme-light-theme-values.png
233
+ :figwidth: 540
234
+ :alt: Chart displayed using the dark theme with light theme style.
231
235
232
236
Chart using ``dark`` theme with default ``dark`` theme ``background``
233
237
of ``#21313C``:
234
238
235
- .. image:: /images/charts/dark-theme-dark-theme-values.png
239
+ .. figure:: /images/charts/dark-theme-dark-theme-values.png
240
+ :figwidth: 540
241
+ :alt: Chart displayed using the dark theme with dark theme style.
236
242
237
243
Example
238
244
~~~~~~~
@@ -253,3 +259,44 @@ for readability.
253
259
tenant=a1b2c3d4-a1b2-a1b2-a1b2-bb7f36c9def6&
254
260
theme=dark
255
261
"></iframe>
262
+
263
+ Remove the MongoDB Logo
264
+ ---------------------------
265
+
266
+ Use the ``attribution`` query parameter with a value of ``false`` to
267
+ display your embedded chart without the ``MongoDB`` logo.
268
+
269
+ Example
270
+ ~~~~~~~
271
+
272
+ The following image displays an embedded chart with the ``MongoDB``
273
+ logo:
274
+
275
+ .. figure:: /images/charts/chart-with-logo.png
276
+ :figwidth: 540
277
+ :alt: Chart displayed with the MongoDB logo.
278
+
279
+ The following iframe snippet renders a chart that does not display
280
+ the ``MongoDB`` logo:
281
+
282
+ .. code-block:: html
283
+ :copyable: false
284
+ :emphasize-lines: 9
285
+
286
+ <iframe
287
+ style="background: #FFFFFF;border: none;border-radius: 2px;
288
+ box-shadow: 0 2px 10px 0 rgba(70, 76, 79, .2);"
289
+ width="640" height="480" src="
290
+ https://charts.mongodb.com/mongodb-charts-twsqq/embed/charts
291
+ ?id=a1b2c3d4-a1b2-c3d4-9766-47b0b2daaff3&
292
+ tenant=a1b2c3d4-a1b2-a1b2-a1b2-bb7f36c9def6&
293
+ theme=light&
294
+ attribution=false
295
+ "></iframe>
296
+
297
+ The following image displays the embedded chart without the ``MongoDB``
298
+ logo:
299
+
300
+ .. figure:: /images/charts/chart-without-logo.png
301
+ :figwidth: 640
302
+ :alt: Chart displayed without the MongoDB logo.
0 commit comments