Skip to content
amCharts 4 Documentation
Back to amcharts.com Learn more about amCharts 5
Documentation
  • amCharts 5Current version
  • amCharts 4Legacy version
  • amCharts 3Deprecated
  • Editor 4Current version
  • Overview
  • Getting Started
    • Basics
    • Using TypeScript or ES6
    • Using JavaScript
    • Migrating from V3
    • Integrations
      • Using React
      • Using Angular
      • Using Webpack
      • Using RequireJS
      • Using Ember
      • Using Vue.js
      • Using Cordova / PhoneGap
    • Browser compatibility
  • Chart Types
    • Pie Chart
    • XY Chart
    • Map
      • Map Lines
    • Radar Chart
    • Treemap Chart
    • Sankey Diagram
    • Gauge Chart
    • Chord Diagram
    • Sliced (Funnel, Pyramid, Pictorial)
    • Sunburst Diagram
    • WordCloud
    • Force Directed Tree
    • TimeLine/Curve Chart
    • Venn Diagram
  • General Concepts
    • Series
    • Axes
      • Value Axis
      • Category Axis
      • Date Axis
      • Duration Axis
      • Positioning Axis Elements
      • Axis Tooltips
      • Axis Ranges
    • Legend
      • Heat Legend
    • Chart Cursor
    • Tooltips
    • Formatters
      • Formatting Strings
      • Formatting Numbers
      • Formatting Date & Time
      • Formatting Duration
    • Data
      • External Data
    • Touch interface
    • Performance
    • Colors, Gradients, Patterns
    • Themes
    • Event Listeners
    • Adapters
    • List Templates
    • Bullets
    • Locales
    • States
    • Animations
    • Exporting Charts
    • Responsive Features
    • RTL Support
    • Plugins
    • JSON-based Config
    • Universal SVG Engine
      • Non-Chart Usage
      • Working with Containers
    • Accessibility
    • Popups and Modals
  • Tutorials & Demos
    • Universal tips
    • XY chart
    • Pie chart
    • Map chart
    • Radar chart
    • Sankey diagram
    • Treemap
    • Gauge chart
    • Force Directed Tree
    • Integrations
    • Plugins
    • TimeLine
  • Reference
    • Classes
    • Interfaces
    • Standalone Modules
    • Enumerations
    • Types
  1. V4
  2. Tutorials & Demos
  3. XY

SVG bullets with custom path and colors

This is a demo tutorial. While there is no step-by-step commentary available (yet), the live demo below is fully functional. Feel free to open it for full source code.

This demo shows how we can use custom bullets with path set and "property fields" to bind each individual color to data.

See the Pen amCharts 4: SVG bullets with custom path and colors by amCharts team (@amcharts) on CodePen.24419

Posted in XYTagged bullets, colors, data, series
©2023 amCharts.com