Как изменить семейство шрифтов Highchart на семейство шрифтов Bootstrap css по умолчанию
Я хочу изменить шрифт заголовок, данные метки и подсказки для начальной загрузки шрифта по умолчанию в круговой диаграмме (я использую библиотеку Highchart для отображения диаграммы). Как я могу это изменить? Пытался добавить fontFamily, но это не сработало.
var chart = new Highcharts.Chart({
chart: {
renderTo: $(element).attr('id'),
backgroundColor: '#F8F8F8'
},
title: {
text: "Space Used by Users",
fontFamily: 'Helvetica'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '{point.name}: {point.sizeText}',
style: {
fontSize: '11px'
}
},
showInLegend: true
}
},
credits: {
enabled: false
},
tooltip: {
pointFormat: '{series.name}: <b>{point.sizeText}</b>'
},
series: [{
type: 'pie',
data: [
{
name: 'Personal Usage',
y: scope.item.personalUsage,
sizeText: scope.item.personalUsageSizeText
},
{
name: 'Shared Usage',
y: scope.item.sharedUsage,
sizeText: scope.item.sharedUsageSizeText
}
]
}]
});
Как изменить шрифт на bootstrap по умолчанию?
1 ответов
вы только устанавливаете шрифт для заголовка диаграммы. Ниже код устанавливает шрифт глобально для круговой диаграммы.
Highcharts.setOptions({
chart: {
style: {
fontFamily: 'Helvetica'
}
}
});