new CDQ.component.DonutChart({
	container: '#donut-chart-1',
	url: '{{assetsPath}}server/donut-chart-1.json',
	responsive: false,
	chartData: {
		title: {
			text: ""
		},
		chart: {
			backgroundColor: 'transparent',
			spacing: [0,0,0,0],
			margin: [0,0,0,0],
			height: 265
		},
		colors: [
			'#001645',
			'#6e7794',
			'#a4a7ba',
			'#768998',
			'#a9b0b6',
			'#d9e3e5'
		],
		plotOptions: {
			pie: {
				dataLabels: {
					enabled: false
				},
				showInLegend: true,
				center: ['50%', '30%'],
				slicedOffset: 0,
				states: {
					hover: {
						enabled: false
					}
				},
				point: {
					events: {
						legendItemClick: function() {
							return false;
						}
					}
				}
			}
		},
		legend: {
			width: 245,
			itemWidth: 122,
			itemStyle: {
				width: 100,
				color: '#fff',
				fontWeight: 'normal',
				fontSize: '11px',
				fontFamily: 'arial',
				lineHeight: '12px'
			},
			itemHoverStyle: {
				color: '#FFF'
			},
			symbolRadius: 8,
			symbolWidth: 8,
			symbolHeight: 8,
			lineHeight: 20,
			y: -30,
			margin: 0
		},
		series: [{
			size: '65%',
			innerSize: '40%'
		}]
	}
});
