GWT: добавление изображений в HighCharts

Я разрабатываю метеограмму в GWT Highchart, например эту.

Добавление таких серий

            chart.addSeries(chart.createSeries()  
            .setName("")  
            .setType(Series.Type.SPLINE)
            .setPoints(new Number[]{  
                    2,7,3,6,9,0,7,5  })

Но как я могу добавить изображение в некоторые серии, как на изображении выше, а также как я могу добавить эти линии сетки?


highcharts gwt
person junaidp    schedule 29.01.2012    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Чтобы отобразить изображение в highchart, вы можете использовать класс Highcharts.Renderer,
в частности, метод изображения (источник строки, число x, число y, ширина числа, высота числа) в этом классе.
этот метод поможет вам добавить изображение из внешнего ресурса.

ссылка: http://www.highcharts.com/ref/#renderer

примеры: http://jsfiddle.net/highcharts/F4qS8/
http://jsfiddle.net/highcharts/ufUmg/


ИЗМЕНИТЬ
для сетки попробуйте эти варианты
http://www.highcharts.com/ref/#yAxis--gridLineWidth
http://www.highcharts.com/ref/#xAxis--gridLineWidth

person austin    schedule 30.01.2012
comment
Как вы это сделали в GWT Highcharts? - person nabeelmukhtar; 05.07.2012
comment
@austin Если я хочу отобразить это изображение в точном месте, чтобы представить данные, скажем, значение 10, а 10 находится в позиции (100,23), как мы можем перевести его в пиксели. Этой 10 еще нет на графике и никогда не будет, изображение должно идти туда. - person Roydon D' Souza; 14.10.2014