@tanstack/vue-charts
v0.18.0
Published
<div align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://tanstack.com/api/readme/charts.png?framework=vue&theme=dark" /> <source media="(prefers-color-scheme: light)" srcset="https:/
Readme
@tanstack/vue-charts
This compatibility package remains supported for existing applications. New
applications use the Vue adapter from @tanstack/charts/vue.
pnpm add @tanstack/charts vue<script setup lang="ts">
import { defineChart } from '@tanstack/charts'
import { tooltip } from '@tanstack/charts/tooltip'
import { Chart } from '@tanstack/charts/vue'
const interactiveDefinition = defineChart(definition, { tooltip })
</script>
<template>
<Chart :definition="interactiveDefinition" aria-label="Revenue by month" />
</template>The adapter renders SVG during Vue SSR and adopts it after mount.
Read the published
Vue adapter guide
and
Chart reference.