円グラフのタイトル、データラベル、ツールチップのフォントをBootstrapのデフォルトのデフォルトフォントに変更したい(グラフを表示するために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
}
]
}]
});
フォントをデフォルトのブートストラップに変更するにはどうすればよいですか?
チャートタイトルのフォントのみを設定しています。次のコードは、円グラフのフォントをグローバルに設定します。
Highcharts.setOptions({
chart: {
style: {
fontFamily: 'Helvetica'
}
}
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加