Skip to content
This repository was archived by the owner on Feb 6, 2024. It is now read-only.

Commit f5ad968

Browse files
doc: documentation charts integration
1 parent a30de2f commit f5ad968

File tree

1 file changed

+15
-1
lines changed

1 file changed

+15
-1
lines changed

doc/slides/slides.md

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -343,7 +343,9 @@ The slide "Chart" relies on the charts components `<deckgo-pie-chart/>` and `<de
343343

344344
##### Installation
345345

346-
**Important note**: The [DeckDeckGo] charts components are provided in separate extra library. If you wish to add charts to your presentation, you will need to install this extra component from a CDN or [npm](https://www.npmjs.com/package/deckdeckgo). See its related [installation guide](https://github.com/fluster/deckdeckgo-charts#getting-started).
346+
**Important note**: The [DeckDeckGo] charts components are provided in separate extra library. If you wish to add charts to your presentation, you will need to install and integrate this extra component from a CDN or [npm](https://www.npmjs.com/package/deckdeckgo) as described below or in its [installation guide](https://github.com/fluster/deckdeckgo-charts#getting-started).
347+
348+
###### 1. Installation guide
347349

348350
From a CDN:
349351

@@ -357,6 +359,18 @@ From NPM:
357359
npm install deckdeckgo-charts
358360
```
359361

362+
###### 2. Integration
363+
364+
Once installed, if you use the [DeckDeckGo] starter kit, you would need to integrate, respectively load, the chart components as the following in your `src/index.js`:
365+
366+
```
367+
import { defineCustomElements as deckDeckGoChartsElements } from 'deckdeckgo-charts/dist/loader';
368+
369+
await deckDeckGoChartsElements(window);
370+
```
371+
372+
###### Side notes
373+
360374
The reasons behind are the following:
361375

362376
1. If you don't use charts, you will not have to install unnecessary dependencies

0 commit comments

Comments
 (0)