Highcharts：在 Y 轴下我们需要显示一个图像
请在此处查看 Highcharts 相关的 jsfiddle
这个是我的 Y 轴
{
// Secondary yAxis
title: {
text: 'Rainfall',
style: {
color: '#4572A7'
}
},
labels: {
formatter: function() {
return this.value +' mm';
},
style: {
color: '#4572A7'
}
},
opposite: true
}
通常我想要的是，在 Y 轴辅助轴标签下（在本例中低于 250 毫米），我需要显示温度系列
符号 请帮我 ？
Please see the Highcharts related jsfiddle here
This is my Y axis
{
// Secondary yAxis
title: {
text: 'Rainfall',
style: {
color: '#4572A7'
}
},
labels: {
formatter: function() {
return this.value +' mm';
},
style: {
color: '#4572A7'
}
},
opposite: true
}
Typically what i want is that , under the Y axis Secondary Axis label (that is below 250 mm here in this case ) , i need to display the Temparature series Symbol
Could anybody please help me ?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我不太清楚为什么你想要一个降雨侧温度的符号，但让我看看是否可以提供帮助。
那么，如果您只想在图表上的同一位置显示图片，那么请使用 highcharts 渲染器。 Highcharts 绘图 API。在这种情况下，只需使用 image(...) 函数。
我没有找到做更多动态的简单方法。轴的 css 有一些强制措施，可以防止除文本之外的任何内容显示。您也许能够深入研究轴（在格式化程序中；this.axis）并找到有用的东西。但是您可能会更幸运地运行 jQuery 代码来查找所需文本的位置，然后使用 offset() 找到页面中将图像粘贴到的位置。使用 div 或 highchart.Renderer。
祝你好运！
I'm not quite sure why you want a symbol for temperature on the rainfall side, but let me see if I can help.
Well, if you just want to display a picture in the same place on your chart, then use the highcharts renderer. Highcharts drawing API. In this case, just use the image(...) function.
I'm not finding simple ways of doing more dynamic bits. There are some enforcements of the css for the axis's that prevent anything but text to show up. You may be able to dig into the axis (in the formatter; this.axis) and find something useful. But you may have more luck running jQuery code to find the location of the text you want, then using offset(), find where in the page to slap your image onto. Either using a div or the highchart.Renderer.
Good luck!