graphieros/vue-data-ui v2.2.9

on GitHub

This release introduces themes.

By default, all charts use the default palette.
You can choose to use your own colors in your datasets, and set your own configurations, or you can now opt for one of the 3 built-in themes:

• zen
• hack
• concrete

Any colors provided in the dataset prop will take precedence over the colors of the themes, so you can still choose your own colors for your datapoints when using a theme.

The theme attribute is added to all config objects. Here is an example of how to set it up (the theme attribute is always at the root of the config object):

const donutConfig = ref({
  theme: "zen", // "zen" | "hack" | "concrete"; "" by default
  ...restOfYourConfig
})

If you are curious, you can retrieve the themes for a component by exporting the getThemeConfig method from "vue-data-ui":

import { getThemeConfig } from "vue-data-ui";

const donutThemes = getThemeConfig("vue_ui_donut");