рисовать изображения по оси x в highcharts GWT

Я пытаюсь создать изображение на каждой оси x в моем highchart, как на прикрепленном изображении, но не смог найти способ для этого.

вот мой код для xaxis

         chart.getXAxis(1).setOpposite(true).setLinkedTo(0).setType(Type.DATE_TIME)
    .setTickInterval(6 * 3600 *1000).setGridLineWidth(1)

любая идея, как я могу установить какое-то изображение для каждой оси x в моей диаграмме

введите здесь описание изображения


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

Ответы (1)


arrow_upward
1
arrow_downward

Вам следует использовать AxisLabelsFormatter. Содержимое, которое вы «возвращаете» из этого вызова, должно быть соответствующим html, который вы хотите отобразить. Что-то вроде этой работы для верхней оси:

chart.getXAxis().setLabels(
   new XAxisLabels()
     .setFormatter(new AxisLabelsFormatter() {
        public String format(AxisLabelsData axisLabelsData) {
            return '<img src="/path/to/image.gif" />';
        }
     })
 );
person malonso    schedule 12.02.2012