Highcharts: под осью Y нам нужно отобразить изображение

Question

Пожалуйста, смотрите jsfiddle, связанный с Highcharts здесь

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 мм) мне нужно отобразить символ серии Temparature

Может ли кто-нибудь помочь мне?

Answer 1

Я не совсем уверен, почему вам нужен символ для температуры на стороне осадков, но позвольте мне посмотреть, могу ли я помочь.

Хорошо, если вы просто хотите отобразить картинку в том же местена вашем графике, а затем используйте рендерер Highcharts. API рисования Highcharts .В этом случае просто используйте функцию image (...).

Я не нахожу простых способов сделать больше динамических битов.Существуют некоторые принудительные применения CSS для осей, которые препятствуют отображению чего-либо, кроме текста.Вы можете покопаться в оси (в форматере; this.axis) и найти что-то полезное.Но вам может повезти, запустив код jQuery для определения местоположения нужного вам текста, а затем с помощью offset () найдите место на странице, на которое нужно вставить изображение.Или используя div или highchart.Renderer.

Удачи!