|
|
|
|
let myChart = document.getElementById('myChart').getContext('2d');
// Global Options
Chart.defaults.global.defaultFontFamily = 'Lato';
Chart.defaults.global.defaultFontSize = 18;
Chart.defaults.global.defaultFontColor = '#777';
let massPopChart = new Chart(myChart, {
type:'pie', // bar, horizontalBar, pie, line, doughnut, radar, polarArea
data:{
labels:['Tribes', 'Tribal Organizations'],
datasets:[{
label:'FundingData',
data:[
2813994.15,
705656.00,
],
//backgroundColor:'green',
backgroundColor:[
'#0c234b',
'#ab0520',
],
borderWidth:3,
borderColor:'#ffffff',
hoverBorderWidth:3,
hoverBorderColor:'#ffffff'
}]
},
options:{
responsive: true,
maintainAspectRatio: false,
title:{
display:false,
text:'Total Funding $3,519,650.15',
fontSize:18
},
legend:{
display:true,
position:'top',
labels:{
fontColor:'#000'
}
},
layout:{
padding:{
left:0,
right:0,
bottom:0,
top:0
}
},
tooltips:{
displayColors:false,
enabled:true,
backgroundColor:'#1e5288',
callbacks:{
label: function(tooltipItems, data) {
return data.labels[tooltipItems.index] + ": $" + data.datasets[tooltipItems.datasetIndex].data[tooltipItems.index].toLocaleString();
}
}
}
}
});