detail

detail is an object within the theme property for toggling chart annotation visibility.

Options

Setting detail to verbose shows values within each segment (or highest/lowest values) for column charts, horizontal bar charts, area charts, line charts, scatter charts, pie charts, and progress.

  • verbose shows value annotations.
  • minimal hides value annotations.

Default Value

import Vizzly, { type VizzlyTheming } from "@vizzly/dashboard"
 
export function Dashboard() {
  const theme: VizzlyTheming.Base = {
    // Default Value
    detail: "minimal",
  }
 
  return (
    <Vizzly.Dashboard
      // ...
      theme={theme}
    />
  )
}