Highcharts：在Y轴下我们需要显示一个图像

Question

请参阅Highcharts相关的jsfiddle

http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/combo-dual-axes/

这是我的Y轴

{
 // Secondary yAxis
            title: {
                text: 'Rainfall',
                style: {
                    color: '#4572A7'
                }
            },
            labels: {
                formatter: function() {
                    return this.value +' mm';
                },
                style: {
                    color: '#4572A7'
                }
            },
            opposite: true
        }

通常我想要的是，在Y轴辅助轴标签下（在这种情况下，这里低于250毫米），我需要显示温度系列符号

有人可以帮帮我吗？

Answer 1

我不太清楚你为什么要在降雨侧想要一个温度符号，但是让我看看我是否可以提供帮助。

好吧，如果您只想在图表的同一位置显示图片，请使用highcharts渲染器。 Highcharts drawing API。在这种情况下，只需使用图像（...）功能。

我找不到简单的方法来做更多的动态比特。对于轴来说，有一些css的强制执行可以防止除了显示文本之外的任何内容。您可以挖掘轴（在格式化程序中; this.axis）并找到有用的东西。但是你可以运行jQuery代码来找到你想要的文本的位置，然后使用offset（），找到页面中的位置来拍摄你的图像。使用div或highchart.Renderer。

祝你好运！