Pricing object with multi level pricing, labels and descriptions

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: {
        prices: [
            {'category': 1, 'ticketTypes': [
                {'ticketType': 'adult', 'price': 30, 'label': 'For adults', 'description': 'Includes hot meal and a drink'},
                {'ticketType': 'child', 'price': 20, 'label': 'For children', 'description': 'Includes burger and fries'}
            ]},
            {'category': 2, 'ticketTypes': [
                {'ticketType': 'adult', 'price': 40, 'label': 'For adults', 'description': 'Includes hot meal and a drink'},
                {'ticketType': 'child', 'price': 30, 'label': 'For children', 'description': 'Includes burger and fries'}
            ]},
            {'category': 3, 'price': 50}
        ],
        priceFormatter: function(price) {
            return '$' + price;
        },
    }
}).render();