Skip to main content

Pricing

The pricing configuration parameter is used to define the prices and ticket types for your event. It determines which price ticket buyers see when they hover objects on the chart.

Configuration

Type: object

Pricing object signature
{
pricing: {
prices: object[]
priceFormatter: price => string // optional
showSectionPricingOverlay: boolean // optional
}
}
  • prices: the prices and ticket types, per category, channel or object
  • priceFormatter: a function that formats the price for display, typically by adding a currency symbol
  • showSectionPricingOverlay: whether to show the pricing on top of sections

Legacy configuration

Pricing configuration change

As of June 2025, we have introduced a new object format that groups the old top-level properties. While we still support the old configuration, this will be deprecated at a later time.

This change was made to allow future configuration expansion and introduce stricter validation. For instance, it is no longer possible to define prices as string.

Migration to the object-based format

If your existing pricing configuration adheres to our schemas (e.g. it doesn't use strings for prices or set custom properties), you should only need to move your pricing array into the new pricing.prices property. The same goes for priceFormatter and showSectionPricingOverlay, which should be moved from the top level configuration and inside the pricing object.

Example

Legacy configuration to new object format
// From:
config = {
// ...other config properties,
showSectionPricingOverlay: true,
priceFormatter: (price) => price + '€',
pricing: [
{ category: 'Ground Floor', price: 35 },
{ category: ''}
]
}

// To:
config = {
// ...other config properties,
pricing: {
showSectionPricingOverlay: true,
priceFormatter: (price) => price + '€',
prices: [
{ category: 'Ground Floor', price: 35 },
{ category: ''}
]
}
}