如何编辑highcharts方框图中的工具提示文本
我想更改方框图上弹出窗口的文本 从和这里链接的示例中,我假设这将是一个向系列中添加格式化程序函数的情况。因此,我转到了页面并单击了“在JSFIDLE中编辑”。然后我改变了:如何编辑highcharts方框图中的工具提示文本,highcharts,Highcharts,我想更改方框图上弹出窗口的文本 从和这里链接的示例中,我假设这将是一个向系列中添加格式化程序函数的情况。因此,我转到了页面并单击了“在JSFIDLE中编辑”。然后我改变了: tooltip: { headerFormat: '<em>Experiment No {point.key}</em><br/>' } 工具提示:{ headerFormat:“实验编号{point.key}” } 到 工具提示:{ headerFormat:“实验编号{po
tooltip: {
headerFormat: '<em>Experiment No {point.key}</em><br/>'
}
工具提示:{
headerFormat:“实验编号{point.key}
”
}
到
工具提示:{
headerFormat:“实验编号{point.key}
”,
格式化程序:函数(){return'some random string';}
}
我希望工具提示更改为“某个随机字符串”(就像从工具提示api引用链接的演示中发生的那样),但没有更改。任何提示?应将
格式设置程序添加到主选项对象的工具提示
属性中
此处演示:应将格式化程序
添加到主选项对象的工具提示
属性中
此处演示:查看参考资料
系列。工具提示
“用于每个系列的工具提示呈现的配置对象。属性继承自工具提示,但在系列级别上只能定义以下属性。”
如您所见,这里没有格式化程序
您正在查找的,必须在主工具提示对象中使用。查看参照
系列。工具提示
“用于每个系列的工具提示呈现的配置对象。属性继承自工具提示,但在系列级别上只能定义以下属性。”
如您所见,这里没有格式化程序
您正在查找的,必须在主tooltip对象中使用。如Ricardo所述,如果为整个图表的tooltip方法添加格式化程序
属性,它将为所有时间序列应用格式化程序
如果要向单个系列添加格式,可以使用pointFormatter
属性。下面是一个箱线图系列的格式化程序示例
tooltip: {
pointFormatter: function() {
const x = this.x;
const currentData = this.series.data.find(data => data.x === x);
const boxplotValues = currentData ? currentData.options : {};
return `Max: ${boxplotValues.high}<br>
Q3: ${boxplotValues.q3}<br>
Median: ${boxplotValues.median}<br>
Q1: ${boxplotValues.q1}<br>
Low: ${boxplotValues.low}<br>`;
}
}
工具提示:{
pointFormatter:函数(){
常数x=这个.x;
const currentData=this.series.data.find(data=>data.x==x);
const-boxplotValues=currentData?currentData.options:{};
返回`Max:${boxplotValues.high}
Q3:${boxplotValues.Q3}
中值:${boxplotValues.Median}
Q1:${boxplotValues.Q1}
低:${boxplotValues.Low}
`;
}
}
找到工作小提琴就像里卡多提到的那样,如果为整个图表的工具提示方法添加格式化程序
属性,它将为所有时间序列应用格式化程序
如果要向单个系列添加格式,可以使用pointFormatter
属性。下面是一个箱线图系列的格式化程序示例
tooltip: {
pointFormatter: function() {
const x = this.x;
const currentData = this.series.data.find(data => data.x === x);
const boxplotValues = currentData ? currentData.options : {};
return `Max: ${boxplotValues.high}<br>
Q3: ${boxplotValues.q3}<br>
Median: ${boxplotValues.median}<br>
Q1: ${boxplotValues.q1}<br>
Low: ${boxplotValues.low}<br>`;
}
}
工具提示:{
pointFormatter:函数(){
常数x=这个.x;
const currentData=this.series.data.find(data=>data.x==x);
const-boxplotValues=currentData?currentData.options:{};
返回`Max:${boxplotValues.high}
Q3:${boxplotValues.Q3}
中值:${boxplotValues.Median}
Q1:${boxplotValues.Q1}
低:${boxplotValues.Low}
`;
}
}
找到工作小提琴