Как изменить семейство шрифтов 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'
        }
    }
   });