Highcharts 如何检索工具提示的名称数据

Highcharts 如何检索工具提示的名称数据,highcharts,tooltip,xrange,Highcharts,Tooltip,Xrange,我找不到如何检索序列中数据的名称以在工具提示中显示它,使用this.x它可以工作,但不使用this.series.data.name 悬停在该行上时,名称始终保持“未定义” 我查看了文档,但没有找到解决方案,这就是我第一次在这里发布消息的原因,我是一个普通读者,第一次找不到。。非常感谢大家 Highcharts.chart('container'{ 图表:{ 类型:“xrange” }, 标题:{ 文字:“véhicules矫揉造作” }, xAxis:{ 键入:“日期时间”, 最小值:UTC

我找不到如何检索序列中数据的名称以在工具提示中显示它,使用this.x它可以工作,但不使用this.series.data.name

悬停在该行上时,名称始终保持“未定义”

我查看了文档,但没有找到解决方案,这就是我第一次在这里发布消息的原因,我是一个普通读者,第一次找不到。。非常感谢大家

Highcharts.chart('container'{
图表:{
类型:“xrange”
},
标题:{
文字:“véhicules矫揉造作”
},
xAxis:{
键入:“日期时间”,
最小值:UTC日期(2019年7月15日),
最大值:UTC日期(2019年7月30日)
},
亚克斯:{
标题:{
文本:“”
},
类别:[‘维托5位布兰科’、‘维托5位布鲁’、‘维托9位格里斯’、‘维托5位格里斯’、‘20 M3’、‘斯普林特’],
对
},
工具提示:{
格式化程序(){
常量x1=Highcharts.dateFormat(“%d/%m/%Y”,this.x)
const x2=Highcharts.dateFormat(“%d/%m/%Y”,this.x2)
const chantier=this.series.data.name
const header=`du${x1}au${x2}`
常数体=`
尚蒂埃:
${chantier}
`
常量页脚=“”
返回页眉+正文+页脚
},
useHTML:true
},
系列:[{
数据:[{
名称:“aze”,
x:UTC日期(2019年7月20日),
x2:UTC日期(2019年7月22日),
y:5
},        
{
名称:'azer',
x:UTC日期(2019年7月24日),
x2:UTC日期(2019年7月25日),
y:2
}]
}]
});

对于系列名称,请使用:
this.series.name
,但对于点名称,请使用:
this.point.name

tooltip: {
    formatter() {
        const x1 = Highcharts.dateFormat('%d/%m/%Y', this.x)
        const x2 = Highcharts.dateFormat('%d/%m/%Y', this.x2)
        const chantier = this.point.name
        const header = `<span style="font-size:10px">du ${x1} au ${x2}</span><table>`

        const body = `<tr>
    <td style="color:${this.series.color};padding:0">Chantier: </td>
    <td style="padding:0"><b>${chantier}</b></td>
  </tr>`

        const footer = '</table>'

        return header + body + footer
    },
    useHTML: true
}
工具提示:{
格式化程序(){
常量x1=Highcharts.dateFormat(“%d/%m/%Y”,this.x)
const x2=Highcharts.dateFormat(“%d/%m/%Y”,this.x2)
const chantier=this.point.name
const header=`du${x1}au${x2}`
常数体=`
尚蒂埃:
${chantier}
`
常量页脚=“”
返回页眉+正文+页脚
},
useHTML:true
}


现场演示:对于系列名称,请使用:
this.series.name
,但对于点名称,请使用:
this.point.name

tooltip: {
    formatter() {
        const x1 = Highcharts.dateFormat('%d/%m/%Y', this.x)
        const x2 = Highcharts.dateFormat('%d/%m/%Y', this.x2)
        const chantier = this.point.name
        const header = `<span style="font-size:10px">du ${x1} au ${x2}</span><table>`

        const body = `<tr>
    <td style="color:${this.series.color};padding:0">Chantier: </td>
    <td style="padding:0"><b>${chantier}</b></td>
  </tr>`

        const footer = '</table>'

        return header + body + footer
    },
    useHTML: true
}
工具提示:{
格式化程序(){
常量x1=Highcharts.dateFormat(“%d/%m/%Y”,this.x)
const x2=Highcharts.dateFormat(“%d/%m/%Y”,this.x2)
const chantier=this.point.name
const header=`du${x1}au${x2}`
常数体=`
尚蒂埃:
${chantier}
`
常量页脚=“”
返回页眉+正文+页脚
},
useHTML:true
}


现场演示:

非常感谢!现在我明白了:)非常感谢!现在我明白了:)