Chart - Pharen

Mit Chart kannst du strukturierte Produktinformationen darzustellen. Diese Seite dokumentiert alle Vue-Komponenten, die das Modul öffentlich exportiert.

Installiere das Paket und importiere die Styles einmalig. Die vollständigen Schritte findest du unter Installation.

Import

import { ChartContainer, ChartDonutBreakdown, ChartLegendContent, ChartStyle, ChartTooltipContent, ChartCrosshair, ChartTooltip, VisDonut, VisAnnotations, VisSingleContainer, VisXYContainer, VisXYLabels, VisLine, VisArea, VisAxis, VisStackedBar, VisGroupedBar, Donut, Line, Area, StackedBar, GroupedBar } from '@pharen/ui';

Beispiel

<script setup lang="ts">
import { ChartContainer } from '@pharen/ui';
</script>

<template>
  <ChartContainer />
</template>

Exporte

Export	Aufgabe
`ChartContainer`	Exportierte Vue-Komponente dieses Moduls.
`ChartDonutBreakdown`	Exportierte Vue-Komponente dieses Moduls.
`ChartLegendContent`	Enthält den sichtbaren Inhalt.
`ChartStyle`	Exportierte Vue-Komponente dieses Moduls.
`ChartTooltipContent`	Enthält den sichtbaren Inhalt.
`ChartCrosshair`	Exportierte Vue-Komponente dieses Moduls.
`ChartTooltip`	Exportierte Vue-Komponente dieses Moduls.
`VisDonut`	Exportierte Vue-Komponente dieses Moduls.
`VisAnnotations`	Exportierte Vue-Komponente dieses Moduls.
`VisSingleContainer`	Exportierte Vue-Komponente dieses Moduls.
`VisXYContainer`	Exportierte Vue-Komponente dieses Moduls.
`VisXYLabels`	Exportierte Vue-Komponente dieses Moduls.
`VisLine`	Exportierte Vue-Komponente dieses Moduls.
`VisArea`	Exportierte Vue-Komponente dieses Moduls.
`VisAxis`	Exportierte Vue-Komponente dieses Moduls.
`VisStackedBar`	Exportierte Vue-Komponente dieses Moduls.
`VisGroupedBar`	Exportierte Vue-Komponente dieses Moduls.
`Donut`	Exportierte Vue-Komponente dieses Moduls.
`Line`	Exportierte Vue-Komponente dieses Moduls.
`Area`	Exportierte Vue-Komponente dieses Moduls.
`StackedBar`	Exportierte Vue-Komponente dieses Moduls.
`GroupedBar`	Exportierte Vue-Komponente dieses Moduls.

Quellcode

Quellcode auf GitHub öffnen