gpt4 book ai didi

javascript - 添加在 Highcharts 中逐点不同的自定义文本工具提示

转载 作者:行者123 更新时间:2023-11-28 19:47:41 24 4
gpt4 key购买 nike

我正在尝试开发一个图表,该图表显示自定义“文本”工具提示,我可以将其设置为逐点更改。这是我现在的代码:

            tooltip: {
headerFormat: '<b>{series.name}</b><br>',
pointFormat: '{point.x:%e. %b}: {point.y:.2f} m'
},

series: [{
name: 'Winter 2007-2008',
data: [
[Date.UTC(1970, 9, 27), 0 ],
[Date.UTC(1970, 10, 10), 0.6 ],
[Date.UTC(1970, 10, 18), 0.7 ],
[Date.UTC(1970, 11, 2), 0.8 ],
[Date.UTC(1970, 11, 9), 0.6 ],
[Date.UTC(1970, 11, 16), 0.6 ],
[Date.UTC(1970, 11, 28), 0.67],
[Date.UTC(1971, 0, 1), 0.81]
]
}

现在这按预期工作,但我试图添加一些额外的文本,当鼠标悬停在某个点上时,这些文本将出现在工具提示中。这是我想要的数据点输入(尽管我不知道是否必须为最终产品更改它)。

 [Date.UTC(1970, 10, 18), 0.7 , 'custom tooltip1'],
[Date.UTC(1970, 10, 18), 0.7 , 'custom tooltip2'],

我希望文本显示在当前工具提示下方的换行符中:

current tooltip

如果您有任何建议或可以指出我可以找到答案的地方,请告诉我。

谢谢!

最佳答案

将您的数据更改为如下所示:

data: [
{x: Date.UTC(1970, 10, 18),
y: 0.7 ,
customtooltip: 'custom tooltip1'},
{x: Date.UTC(1970, 10, 18),
y: 0.7 ,
customtooltip: 'custom tooltip2'}
]

然后做一个工具提示格式化函数,如下所示:

tooltip: {
formatter: function() {
var dt = new Date(this.x);
var months = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var dtstr = dt.getDate()+". "+months[dt.getMonth()];
var tooltip = '<b>'+this.series.name+'</b><br>'+dtstr+': '+this.y+' m<br>'+this.point.options.customtooltip;
return tooltip;
}
}

看看这对您有何作用。

关于javascript - 添加在 Highcharts 中逐点不同的自定义文本工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24007349/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com