Widget:Chartjs bar - Revision history

Uschuetzenmeister at 13:52, 19 March 2024

2024-03-19T13:52:18Z

← Older revision		Revision as of 13:52, 19 March 2024
Line 34:		Line 34:
	let labels = makeItemsArray('<!--{$data_labels\|default:''}-->');		let labels = makeItemsArray('<!--{$data_labels\|default:''}-->');
	let dataIdentifier = '<!--{$data_identifier\|default:''}-->';		let dataIdentifier = '<!--{$data_identifier\|default:''}-->';
	let colors = makeItemsArray('<!--{$colors\|default:''}-->');		let colors = makeItemsArray('<!--{$colors\|default:'#36a2eb, #ff6384, #4bc0c0, #ff9f40, #9966ff, #ffcd56, #c9cbcf'}-->');
	let dataSeries = makeItemsArray('<!--{$data_series\|default:''}-->');		let dataSeries = makeItemsArray('<!--{$data_series\|default:''}-->');
	let title = '<!--{$title\|default:''}-->';		let title = '<!--{$title\|default:''}-->';

2024-03-19T11:56:56Z

2024-03-19T11:55:13Z

2024-03-19T11:46:10Z

2024-03-19T11:43:47Z

2024-03-19T11:42:32Z

← Older revision		Revision as of 11:42, 19 March 2024
Line 61:		Line 61:
	//console.log('colors: ' + colors);		//console.log('colors: ' + colors);
	//console.log('dataSeries: ' + dataSeries);		//console.log('dataSeries: ' + dataSeries);
	console.log('indexAxis: ' + indexAxis);		//console.log('indexAxis: ' + indexAxis);
	//console.log('legend: ' + legend);		console.log('legend: ' + legend);
	//console.log('title: ' + title);		//console.log('title: ' + title);

2024-03-19T11:16:51Z

← Older revision		Revision as of 11:16, 19 March 2024
Line 38:		Line 38:
	let title = '<!--{$title\|default:''}-->';		let title = '<!--{$title\|default:''}-->';
	let legend = '<!--{$legend\|default:'yes'}-->';		let legend = '<!--{$legend\|default:'yes'}-->';
	let orientation = '<!--{$~~legend~~\|default:''}-->';		let orientation = '<!--{$orientation\|default:''}-->';

	dataIdentifier = dataIdentifier.trim();		dataIdentifier = dataIdentifier.trim();

2024-03-19T11:16:22Z

← Older revision		Revision as of 11:16, 19 March 2024
Line 61:		Line 61:
	//console.log('colors: ' + colors);		//console.log('colors: ' + colors);
	//console.log('dataSeries: ' + dataSeries);		//console.log('dataSeries: ' + dataSeries);
	//console.log('indexAxis: ' + indexAxis);		console.log('indexAxis: ' + indexAxis);
	//console.log('legend: ' + legend);		//console.log('legend: ' + legend);
	//console.log('title: ' + title);		//console.log('title: ' + title);

2024-03-19T11:15:11Z

← Older revision		Revision as of 11:15, 19 March 2024
Line 61:		Line 61:
	//console.log('colors: ' + colors);		//console.log('colors: ' + colors);
	//console.log('dataSeries: ' + dataSeries);		//console.log('dataSeries: ' + dataSeries);
			//console.log('indexAxis: ' + indexAxis);
			//console.log('legend: ' + legend);
	//console.log('title: ' + title);		//console.log('title: ' + title);
	~~//console.log('legend: ' + legend);~~
	new Chart(ctx, {		new Chart(ctx, {
	type: 'bar',		type: 'bar',

2024-03-19T11:11:57Z

← Older revision		Revision as of 11:11, 19 March 2024
Line 38:		Line 38:
	let title = '<!--{$title\|default:''}-->';		let title = '<!--{$title\|default:''}-->';
	let legend = '<!--{$legend\|default:'yes'}-->';		let legend = '<!--{$legend\|default:'yes'}-->';
			let orientation = '<!--{$legend\|default:''}-->';

	dataIdentifier = dataIdentifier.trim();		dataIdentifier = dataIdentifier.trim();
Line 48:		Line 49:
	}		}

	function drawPieChart(ctx, labels, dataIdentifier, colors, dataSeries, legend, title) {		if (orientation === 'horizontal') {
			indexAxis = 'y';
			} else {
			indexAxis = 'x';
			}

			function drawPieChart(ctx, labels, dataIdentifier, colors, dataSeries, indexAxis, legend, title) {
	//console.log('ctx: ' + ctx);		//console.log('ctx: ' + ctx);
	//console.log('labels: ' + labels);		//console.log('labels: ' + labels);
Line 68:		Line 75:
	options: {		options: {
	responsive: true,		responsive: true,
	indexAxis: ~~'y'~~,		indexAxis: indexAxis,
	legend: { display: legend },		legend: { display: legend },
	title: {		title: {
Line 78:		Line 85:
	}		}

	window.drawPieChart = drawPieChart(ctx, labels, dataIdentifier, colors, dataSeries, legend, title);		window.drawPieChart = drawPieChart(ctx, labels, dataIdentifier, colors, dataSeries, indexAxis, legend, title);

	});		});

← Older revision		Revision as of 13:52, 19 March 2024
Line 34:		Line 34:
	let labels = makeItemsArray('<!--{$data_labels\|default:''}-->');		let labels = makeItemsArray('<!--{$data_labels\|default:''}-->');
	let dataIdentifier = '<!--{$data_identifier\|default:''}-->';		let dataIdentifier = '<!--{$data_identifier\|default:''}-->';
	let colors = makeItemsArray('<!--{$colors\|default:''}-->');		let colors = makeItemsArray('<!--{$colors\|default:'#36a2eb, #ff6384, #4bc0c0, #ff9f40, #9966ff, #ffcd56, #c9cbcf'}-->');
	let dataSeries = makeItemsArray('<!--{$data_series\|default:''}-->');		let dataSeries = makeItemsArray('<!--{$data_series\|default:''}-->');
	let title = '<!--{$title\|default:''}-->';		let title = '<!--{$title\|default:''}-->';