Pie chart and value Labels
HTML
<script src="http://www.webdetails.pt/ctools/charts/lib/jquery.tipsy.js"></script>
<script src="http://www.webdetails.pt/ctools/charts/lib/protovis.js"></script>
<script src="http://www.webdetails.pt/ctools/charts/lib/protovis-msie.js"></script>
<script src="http://www.webdetails.pt/ctools/charts/lib/tipsy.js"></script>
<script src="http://www.webdetails.pt/ctools/charts/lib/def.js"></script>
<script src="http://www.webdetails.pt/ctools/charts/lib/pvc-r2.0.js"></script>
<script src="http://www.webdetails.pt/ctools/charts/lib/q01-01.js"></script>
<script src="http://www.webdetails.pt/ctools/charts/lib/bp.js"></script>
<link rel="stylesheet" href="http://www.webdetails.pt/ctools/charts/lib/tipsy.css">
<div id="cccExample" />
JavaScript
new pvc.PieChart({
canvas: "cccExample",
width: 600,
height: 400,
// Data source
crosstabMode: false,
readers: ["line, sales"],
// Visual Roles
categoryRole: "line",
valueRole: "sales",
format: {
// number: "#,#.0000", // This works!
// percent: "#.0000%" // This works!
},
// This works!
// valueFormat: function(v) { return v.toFixed(3) + "!!"; }, // This works!
// This works!
// percentValueFormat: function(v) { return (100*v).toFixed(2) + "%%"; },
// Main Plot
valuesVisible: true,
dimensions: {
sales: {
format: {
//number: "#,#.0000",
percent: "#.0000%" // BUG <-- not being used by the pie chart for value.percent labels
},
valueType: Number
}
},
// Chart/Interaction
animate: false,
selectable: true,
hoverable: true
})
.setData(relational_03_b)
.render();