META-INF.resources.scripts.vendor.charts.pie.js Maven / Gradle / Ivy

Show more of this group Show more artifacts with this name
Show all versions of lightadmin Show documentation

Pluggable data management solution for Java web applications developed in a "Rapid" manner

There is a newer version: 1.2.0.RC1

$( function () {
	var data = [];
	var series = Math.floor( Math.random() * 10 ) + 1;
	for ( var i = 0; i < series; i++ ) {
		data[i] = { label: "Series" + (i + 1), data: Math.floor( Math.random() * 100 ) + 1 }
	}

	$.plot( $( "#pie" ), data, {
		series: {
			pie: {
				show: true,
				label: {
					show: false,
					formatter: function ( label, series ) {
						return '' + label + '
' + Math.round( series.percent ) + '%';
					},
					threshold: 0.1
				}
			}
		},
		legend: {
			show: true,
			noColumns: 1, // number of colums in legend table
			labelFormatter: null, // fn: string -> string
			labelBoxBorderColor: "#000", // border color for the little label boxes
			container: null, // container (as jQuery object) to put legend in, null means default on top of graph
			position: "ne", // position of default legend container within plot
			margin: [5, 10], // distance from grid edge to default legend container within plot
			backgroundColor: "#efefef", // null means auto-detect
			backgroundOpacity: 1 // set to 0 to avoid background
		},
		grid: {
			hoverable: true,
			clickable: true
		},
	} );
	$( "#interactive" ).bind( "plothover", pieHover );
	$( "#interactive" ).bind( "plotclick", pieClick );

} );

function pieHover( event, pos, obj ) {
	if ( !obj ) {
		return;
	}
	percent = parseFloat( obj.series.percent ).toFixed( 2 );
	$( "#hover" ).html( '' + obj.series.label + ' (' + percent + '%)' );
}
function pieClick( event, pos, obj ) {
	if ( !obj ) {
		return;
	}
	percent = parseFloat( obj.series.percent ).toFixed( 2 );
	alert( '' + obj.series.label + ': ' + percent + '%' );
}