如何将Highchart的字体系列更改为Bootstrap css默认字体系列

Question

我想将标题、数据标签和工具提示的字体更改为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
                            }
                        ]
                    }]
                });

如何将字体更改为默认字体 bootstrap？

Answer 1

您只是在设置图表标题的字体。以下代码为饼图全局设置字体。

    Highcharts.setOptions({
    chart: {
        style: {
            fontFamily: 'Helvetica'
        }
    }
   });