Navigate Docs

Markers

Customizing Markers in Nuxt Charts

Markers highlight data points on your charts. Nuxt Charts allows you to customize marker type, size, color, and stroke to match your data and design.

Basic Marker Configuration

You can configure markers using the :marker-config prop. For example:

        

Required Marker Styles

To ensure markers display correctly, add the following CSS to your component:

        

Custom Marker Example

You can fully customize markers for each series or data point. See the example below for a custom marker configuration.

Full Example

Star

Ready to build something amazing?

All components are built with Nuxt UI v3, TypeScript, and Tailwind CSS for maximum flexibility

Frequently Asked Questions

Everything you need to know about our templates

How do I get access to the Nuxt Dashboard?

What's included in the All-Access Pass?

Can I customize the charts and components?

Do I need specific technical skills?

What chart types are available?

Can I use this for commercial projects?

What's the difference between the pricing tiers?

Do you offer refunds?