Как разместить легенду вне диаграммы во внешнем контейнере? ⇐ Jquery

[Anonymous]

Пытаюсь запустить очень простой пример flot.js. У меня есть следующий код для визуализации флот-диаграммы. (Я намеренно опускаю весь несущественный HTML и CSS.)

Код: Выделить всё

Legend Container



$(function () {
var disk1 = [[0, 3], [4, 8], [8, 5], [9, 13]];
$.plot($("#placeholder"), [{
legend: { show: true, container: $('#legendholder') },
label: "Disk 1",
data: disk1,
lines: { show: true, fill: true }
}]);
});

Результат выглядит следующим образом:


Небольшая часть рядом с диаграммой, где написано "Легенда", — это еще один элемент div (id="legendholder"), и именно здесь мне нужна легенда. чтобы отобразиться.
У меня были похожие проблемы с параметрами сетки, и вот часть, которую я не понимаю:
Когда я указываю этот параметр в JavaScript, кажется, ничего не происходит. Легенда остается внутри диаграммы. Затем я жестко запрограммировал настройки легенды в jquery.flot.js, и все работает. Очевидно, это полный взлом, но кто-нибудь видит, что я здесь делаю не так?
Да, я прочитал документацию по API, порылся на страницах github flot.js, но мне не удалось выяснить, что вызывает мои проблемы.

Подробнее здесь: https://stackoverflow.com/questions/106 ... -container