multilevel pricing with labels

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: [
    { category: 1, price: 30, originalPrice: 45 },
    { category: 2, ticketTypes: [
      { ticketType: 'adult', price: 40, originalPrice: 50, 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;
  },
  priceLevelsTooltipMessage: "Select a ticket type"
}).render();