,可以通过以下步骤实现:
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<canvas id="myChart"></canvas>
var ctx = document.getElementById('myChart').getContext('2d');
var data = {
labels: ['标签1', '标签2', '标签3'],
datasets: [{
data: [10, 20, 30],
backgroundColor: ['red', 'blue', 'green']
}]
};
var options = {
plugins: {
legend: {
labels: {
font: {
family: 'Arial',
size: 14
}
}
}
}
};
var myPieChart = new Chart(ctx, {
type: 'pie',
data: data,
options: options
});
var myLineChart = new Chart(ctx, {
type: 'line',
data: data,
options: options
});
在上述代码中,通过在options对象中设置plugins.legend.labels.font.family属性,可以更改标签的字体系列。在这个例子中,字体系列被设置为Arial。
需要注意的是,Chart.js库还提供了许多其他的配置选项,可以根据需要进行调整。更多关于Chart.js的详细信息和API文档,请参考腾讯云的Chart.js产品介绍链接地址:Chart.js产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云