new CDQ.component.DonutChart({
	container: '#donut-chart-{{index}}',
	acessibilityTarget: 'chart-description-{{index}}',
	chartData: {
		title: {
			text: "<h3 class='h3'>Donut Chart Example <sup>{{index}}</sup></h3>"
		},
		plotOptions: {
			pie: {
				showInLegend: true,
				dataLabels: {
					enabled: false
				},
				point: {
					events: {
						legendItemClick: function(e) {
							return false;
						}
					}
				}
			},
		},
		legend: {
			enabled: true,
			layout: 'vertical',
			align: 'right',
			verticalAlign: 'middle',
			itemMarginBottom: 13,
			y: 17,
			useHTML: true,
			labelFormat: '<span class="chart-data-legend">{name}</span>'
		},
		series: [{
			data: [
				["Institutional mandates", 18.6],
				["Systematic funds", 8.7],
				["US ETPs", 8.0],
				["ETC", 2.1],
				["Warrants & Certificates", 23.7],
				["UCITS ETF", 38.9]
			]
		}]
	}
});
