You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.0 KiB
35 lines
1.0 KiB
// Set new default font family and font color to mimic Bootstrap's default styling |
|
Chart.defaults.global.defaultFontFamily = 'Nunito', '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif'; |
|
Chart.defaults.global.defaultFontColor = '#858796'; |
|
|
|
// Pie Chart Example |
|
var ctx = document.getElementById("myPieChart"); |
|
var myPieChart = new Chart(ctx, { |
|
type: 'doughnut', |
|
data: { |
|
labels: ["Direct", "Referral", "Social"], |
|
datasets: [{ |
|
data: [55, 30, 15], |
|
backgroundColor: ['#4e73df', '#1cc88a', '#36b9cc'], |
|
hoverBackgroundColor: ['#2e59d9', '#17a673', '#2c9faf'], |
|
hoverBorderColor: "rgba(234, 236, 244, 1)", |
|
}], |
|
}, |
|
options: { |
|
maintainAspectRatio: false, |
|
tooltips: { |
|
backgroundColor: "rgb(255,255,255)", |
|
bodyFontColor: "#858796", |
|
borderColor: '#dddfeb', |
|
borderWidth: 1, |
|
xPadding: 15, |
|
yPadding: 15, |
|
displayColors: false, |
|
caretPadding: 10, |
|
}, |
|
legend: { |
|
display: false |
|
}, |
|
cutoutPercentage: 80, |
|
}, |
|
});
|
|
|