objectPopover

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",
	workspaceKey: "publicDemoKey",
	event: "smallTheatreEvent",
	objectPopover: {
		showAvailability: true,
		showCategory: false,
		showLabel: true,
		showPricing: true,
		showUnavailableNotice: true,
		stylizedLabel: true,
		confirmSelection: 'always'
	}
}).render();