如何更改 Highchart 工具提示字体系列

Question

我想改变highchart的字体。我怎样才能改变这些？更改了 x 轴和 y 轴标签，但我无法更改工具提示字体Highcharts.chart('container', {    chart: {        scrollablePlotArea: {            minWidth: 700        },        style: {            fontFamily: 'Bonbon'               }    },    data: {        csvURL: 'https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/analytics.csv',        beforeParse: function (csv) {            return csv.replace(/\n\n/g, '\n');        }    },    title: {        text: 'Daily sessions at www.highcharts.com'    },    subtitle: {        text: 'Source: Google Analytics'    },    xAxis: {        tickInterval: 7 * 24 * 3600 * 1000, // one week        tickWidth: 0,        gridLineWidth: 1,        labels: {            align: 'left',            x: 3,            y: -3        }    },    yAxis: [{ // left y axis        title: {            text: null        },         tooltip: {                backgroundColor: null,        borderWidth: 0,        shadow: false,        useHTML: false,        style: {            padding: 0        }    },        labels: {            align: 'left',            x: 3,            y: 16,            format: '{value:.,0f}'        },        showFirstLabel: false    }, { // right y axis        linkedTo: 0,        gridLineWidth: 0,        opposite: true,        title: {            text: null        },        labels: {            align: 'right',            x: -3,            y: 16,            format: '{value:.,0f}'        },        showFirstLabel: false    }],    legend: {        align: 'left',        verticalAlign: 'top',        borderWidth: 0    },    tooltip: {        shared: true,        crosshairs: true    },

Answer 1

如果工具提示 useHTML 为 true 那么

.highcharts-tooltip > span{

font-family: Bonbon !important;

}

Answer 2

对于工具提示，你应该使用这个：

.highcharts-tooltip > text > tspan {

font-family: Bonbon !important;

}