Javascript 如何更改Highchart工具提示字体族

Javascript 如何更改Highchart工具提示字体族,javascript,html,css,highcharts,Javascript,Html,Css,Highcharts,我想更改highchart的字体。我怎样才能改变这些?更改了x轴和y轴标签,但无法更改工具提示字体 Highcharts.chart('container'{ 图表:{ 可滚动绘图区:{ 最小宽度:700 }, 风格:{ fontFamily:“邦邦” } }, 数据:{ csvURL:'https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/analytics.csv', beforeParse:函数(csv

我想更改highchart的字体。我怎样才能改变这些?更改了x轴和y轴标签,但无法更改工具提示字体

Highcharts.chart('container'{
图表:{
可滚动绘图区:{
最小宽度:700
},
风格:{
fontFamily:“邦邦”
}
},
数据:{
csvURL:'https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/analytics.csv',
beforeParse:函数(csv){
返回csv.replace(/\n\n/g,“\n”);
}
},
标题:{
文本:“www.highcharts.com上的每日会话”
},
副标题:{
文本:“来源:谷歌分析”
},
xAxis:{
间隔时间:7*24*3600*1000,//一周
宽度:0,
网格线宽度:1,
标签:{
对齐:“左”,
x:3,
y:-3
}
},
yAxis:[{//左y轴
标题:{
文本:空
},
工具提示:{
背景颜色:空,
边框宽度:0,
影子:错,
useHTML:false,
风格:{
填充:0
}
},
标签:{
对齐:“左”,
x:3,
y:16,
格式:“{value:,0f}”
},
showFirstLabel:错误
},{//右y轴
链接到:0,
网格线宽:0,
相反:是的,
标题:{
文本:空
},
标签:{
对齐:“右”,
x:-3,
y:16,
格式:“{value:,0f}”
},
showFirstLabel:错误
}],
图例:{
对齐:“左”,
垂直排列:“顶部”,
边框宽度:0
},
工具提示:{
分享:是的,
十字准星:对
},
打印选项:{
系列:{
光标:“指针”,
要点:{
活动:{
点击:功能(e){
hs.htmlExpand(空{
页面来源:{
x:e.pageX | e.clientX,
y:e.pageY | e.clientY
},
headingText:this.series.name,
maincontentText:Highcharts.dateFormat(“%A,%b%e,%Y',this.x)+':
+ 这个.y+“sessions”, 宽度:200 }); } } }, 标记:{ 线宽:1 } } }, 系列:[{ 名称:“所有会话”, 线宽:4, 标记:{ 半径:4 } }, { 名称:“新用户” }] });
.highcharts工具提示>span{
字体系列:邦邦!重要;
}

在您的
工具提示中添加
样式{}
,它将是工作的或

Highcharts.chart('container'{
图表:{
可滚动绘图区:{
最小宽度:700
},
风格:{
fontFamily:“邦邦”
}
},
数据:{
csvURL:'https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/analytics.csv',
beforeParse:函数(csv){
返回csv.replace(/\n\n/g,“\n”);
}
},
标题:{
文本:“www.highcharts.com上的每日会话”
},
副标题:{
文本:“来源:谷歌分析”
},
xAxis:{
间隔时间:7*24*3600*1000,//一周
宽度:0,
网格线宽度:1,
标签:{
对齐:“左”,
x:3,
y:-3
}
},
yAxis:[{//左y轴
标题:{
文本:空
},
工具提示:{
背景颜色:空,
边框宽度:0,
影子:错,
useHTML:false,
风格:{
填充:0
}
},
标签:{
对齐:“左”,
x:3,
y:16,
格式:“{value:,0f}”
},
showFirstLabel:错误
},{//右y轴
链接到:0,
网格线宽:0,
相反:是的,
标题:{
文本:空
},
标签:{
对齐:“右”,
x:-3,
y:16,
格式:“{value:,0f}”
},
showFirstLabel:错误
}],
图例:{
对齐:“左”,
垂直排列:“顶部”,
边框宽度:0
},
工具提示:{
分享:是的,
十字准星:没错,
风格:{
//fontWeight:'粗体',
fontFamily:“邦邦”
}
},
打印选项:{
系列:{
光标:“指针”,
要点:{
活动:{
点击:功能(e){
hs.htmlExpand(空{
页面来源:{
x:e.pageX | e.clientX,
y:e.pageY | e.clientY
},
headingText:this.series.name,
maincontentText:Highcharts.dateFormat(“%A,%b%e,%Y',this.x)+':
+ 这个.y+“sessions”, 宽度:200 }); } } }, 标记:{ 线宽:1 } } }, 系列:[{ 名称:“所有会话”, 线宽:4, 标记:{ 半径:4 } }, { 名称:“新用户” }] });
/*--或者您可以尝试使用css--*/
/*.highcharts工具提示>文本>t平移{
字体系列:邦邦!重要;
}*/

对于工具提示,您应该使用以下内容:

.highcharts-tooltip > text > tspan {
font-family: Bonbon !important;

}

如果工具提示useHTML为真,则

.highcharts-tooltip > span{
font-family: Bonbon !important;
}
.highcharts-tooltip > span{
font-family: Bonbon !important;
}