Pricing object with fees

by seatsio

HTML

<script src="https://cdn.seatsio.net/chart.js"></script>
<div id="chart"></div>

CSS

#chart {
	height: 500px;
}

JavaScript

var chart = new seatsio.SeatingChart({
    divId: "chart",
    publicKey: "publicDemoKey",
    event: "smallTheatreEvent",				
    pricing: {
        allFeesIncluded: true,
        prices: [
            { category: 1, price: 30, originalPrice: 45 },
            { category: 2, ticketTypes: [
                { ticketType: 'adult', price: 40, originalPrice: 50, fee: 2, label: 'For adults', description: 'Includes hot meal and a drink' },
                { ticketType: 'child', price: 30, fee: 1.50, label: 'For children', description: 'Includes burger and fries' }
            ]},
            { category: 3, price: 50, fee: 2.5 }
        ],
        priceFormatter: function(price) {
            return '$' + price.toFixed(2);
        }
    }
}).render();