Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat(VSparkline): multi-line support #19704

Open
wants to merge 4 commits into
base: dev
Choose a base branch
from

Conversation

blalan05
Copy link
Member

<template>
  <v-app>
    <v-main>
      <v-container>
        <v-row>
          <v-col>
            <v-sparkline
              :color="['primary', 'secondary', '#e1e']"
              :model-value="value"
              height="100"
              padding="24"
              stroke-linecap="round"
              smooth
            >
              <template #label="item">
                ${{ item.value }}
              </template>
            </v-sparkline>
          </v-col>
        </v-row>
      </v-container>
    </v-main>
  </v-app>
</template>
<script setup>
  import { ref } from 'vue'

  const value = ref([
    [
      423,
      446,
      675,
      510,
      590,
      610,
      760,
    ],
    [
      409,
      446,
      575,
      490,
      420,
      470,
      520,
    ],
    [
      400,
    ],
  ])
</script>

@blalan05
Copy link
Member Author

This is almost working... Labels are a hot mess, Its currently generating values based on 1st line in array. We need Y axis labels...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VSparkline VSparkline T: feature A new feature
Projects
None yet
1 participant