@vis-pilot/vue

Vue wrapper components for vis-pilot.

Usage

<script setup lang="ts">
import { VisPilotChart } from '@vis-pilot/vue'

const input = {
  type: 'line' as const,
  title: 'Vue Demo',
  dataset: {
    dimensions: ['month', 'value'],
    source: [
      { month: 'Jan', value: 120 },
      { month: 'Feb', value: 150 },
      { month: 'Mar', value: 170 }
    ]
  },
  encode: {
    x: 'month',
    y: 'value'
  }
}
</script>

<template>
  <VisPilotChart mode="schema" :input="input" :style="{ width: '100%', height: '420px' }" />
</template>