Chart.js change font family
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script>
<canvas id="myChart" width="100"></canvas>
JavaScript
var canvas = document.getElementById('myChart');
var myBarChart = new Chart(canvas, {
type: 'bar',
data: {
labels: ["Label 1", "Label 2", "Label 3"],
datasets: [{
label: "My Dataset",
data: [15, 7, 12],
}]
},
options: {
scales: {
xAxes: [{
ticks: {
fontFamily: 'Times New Roman'
}
}]
},
legend: {
labels: {
fontFamily: 'Times New Roman'
}
},
title: {
text: 'something',
display: true,
fontFamily: 'Times New Roman'
},
}
});