реализация графического приложения javascript для представления списка существующей панели администратора

Question

Я хочу реализовать приложение для построения графиков javascript (то есть http://people.iola.dk/olau/flot/examples/turning-series.html) для существующего административного представления, где экземпляры модели в представлении списка также отображают диаграммы этих элементов и могут быть отфильтрованы с помощью уже реализована опция list_filter, которую я добавил в admin.py моего приложения.

Буду признателен за любое направление, пример или уже существующий учебник

Приветствие.

Answer 1

Я бы заглянул в админские шаблоны django. http://www.djangobook.com/en/1.0/chapter17/ хорошее место для начала. В верхней части страницы выполните цикл for для всех ваших данных и распечатайте его как переменную для вашего JavaScript. Я надеюсь, что это поможет вам в правильном направлении.

Answer 2

Если вы следуете учебникам FLOT, они довольно полны.

• включает JQuery
• включая флот

Тогда просто следуйте примерам / API

По сути, вы "прикрепляете" диаграмму к контейнеру ...

<div id="myChartGoesHere" style="width:500px;height:250px;"></div>

Затем заполните его данными, которые вы хотите:

<script>
   //data can be points [ [x1, y1], [x2, y2], ... ]
   var data = [ [3,4], [5,7], [2,9] ]
   //options is an object containing all your desired features
   var options = {
      lines: { show: true },
      points: { show: true }
   };
   var plot = $.plot($('myChartGoesHere'), data, options)
</script>