Standalone Examples » Mouseover/out events

This example shows how to attach your own code to the mouseover / mouseout events. You'll need to open your browser console to see the output from the events.

var pie = new d3pie("pie", {
	header: {
		title: {
			text: "Yet Another Pie"
		}
	},
	data: {
		content: [
			{ label: "One", value: 0.125 },
			{ label: "Two", value: 0.81 },
			{ label: "Three", value: 0.3 }
		]
	},
	callbacks: {
		onMouseoverSegment: function(info) {
			console.log("mouseover:", info);
		},
		onMouseoutSegment: function(info) {
			console.log("mouseout:", info);
		}
	}
});