Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 14 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@ Il existe deux possibilités :
<link rel="stylesheet" href="./DSFRChart.css" />
```

- Charger uniquement un ou plusieurs composants nécessaires (ex : ScatterChart) :
- Charger uniquement un ou plusieurs composants nécessaires à votre projet :

```html
<!-- Avec le build ESM -->
Expand All @@ -86,10 +86,21 @@ Il existe deux possibilités :
Pour importer la librairie dans un projet utilisant un bundler comme Vite, il est nécessaire d'importer les fichiers JavaScript et CSS dans votre fichier principal.

```javascript
import '@gouvfr/dsfr-chart/dist/DSFRChart/DSFRChart.js';
import '@gouvfr/dsfr-chart/dist/DSFRChart/DSFRChart.css';
import '@gouvfr/dsfr-chart';
import '@gouvfr/dsfr-chart/css';
```

Il est également possible d'importer uniquement un ou plusieurs composants :

```javascript
import '@gouvfr/dsfr-chart/LineChart';
import '@gouvfr/dsfr-chart/LineChart.css'; // Ou '@gouvfr/dsfr-chart/LineChart/css'
import '@gouvfr/dsfr-chart/BarChart';
import '@gouvfr/dsfr-chart/BarChart.css'; // Ou '@gouvfr/dsfr-chart/BarChart/css'
```

#### ⚠️ Important : Si vous importez plus que deux composants, il est préférable d'importer toute la librairie pour éviter de charger plusieurs fois le runtime de Vue.js.

# Graphiques disponibles

Ce catalogue présente l'ensemble des graphiques disponibles dans le module complémentaire au Système de design de l'État (DSFR) pour la visualisation de données. Les différents types de graphiques sont disponibles en thème clair et thème sombre. Par ailleurs, les options de chacun des graphiques sont également présentés dans ce document.
Expand Down
12 changes: 7 additions & 5 deletions eslint.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -6,22 +6,24 @@ import pluginStorybook from 'eslint-plugin-storybook';
/** @type {import('eslint').Linter.Config[]} */
export default [
{
files: ['**/*.{js,vue}']
files: ['**/*.{js,vue}'],
},
{
languageOptions: {
globals: globals.browser,
}
globals: {
...globals.browser,
},
},
},
pluginJs.configs.recommended,
...pluginVue.configs['flat/recommended'],
...pluginStorybook.configs['flat/recommended'],
{
rules: {
'vue/multi-word-component-names': 'off',
}
},
},
{
ignores: ['!.storybook']
ignores: ['!.storybook'],
},
];
Loading