Сочетание перетаскивания jquery для изменения высоты Highcharts с помощью CSS

Question

Сочетание перетаскивания jquery для изменения высоты Highcharts с помощью CSS

0

ЗАДНИЙ ПЛАН:

У меня есть два примера со мной:

1: Измените высоту div, используя drag с jquery (не jqueryui). (http://jsfiddle.net/QpqX8/) c

2: Измените высоту highcharts div из-за изменения размера окна с помощью CSS. Ссылка и jsbin

РЕШЕНИЕ ТРЕБУЕТСЯ:

Я хочу объединить выше двух примеров, так что, когда я перетаскиваю границу div, высота высоких диаграмм должна меняться (но не шириной).

Я новичок в CSS и пробовал несколько комбинаций отбирать часть кода из одного и сливаться с другим... но, к сожалению, не смог заставить его работать. Если кто-то может помочь мне выбрать решение из этого, это будет здорово. Еще раз спасибо.

user1517108 23 дек. 2013, в 11:14

Источник

Теги:

jquery

css

highcharts

1 ответ

Ещё вопросы

Paweł Fus · Accepted Answer · 2013-12-23T08-29-00.000Z

Пример для вас: http://jsfiddle.net/QpqX8/128/

Просто в методе перетаскивания добавьте setSize() для изменения размера диаграммы:

drag: function (event, ui) { 
    var height = ui.offset.top; 
    $("#container").highcharts().setSize(null, height); 
}

Спасибо, Павел. Только один аддон квест для вас (так как я видел, как вы отвечаете на вопрос высокого уровня экспертов). Для вопроса на stackoverflow.com/questions/20279359/… я намереваюсь добавить границу div между панелями и связать с ней высоту панели ... вы можете сказать мне, где это сделать в исходном коде highcharts. Я думаю, что решение не должно быть слишком сложным, и тогда я могу опубликовать ответ для тех, кому это может понадобиться.
Как сказал Себастьян, в Хайстоке это не поддерживается, извините. Мне приходит в голову использовать yAxis.update () с новой высотой для верхней части и новой вершиной для нижней оси.