javascript - 在现有管理面板的 ListView 中实现 JavaScript 图形应用程序

Question

我想在现有的管理 View 中实现一个 javascript 图形绘制应用程序(即 http://people.iola.dk/olau/flot/examples/turning-series.html )，其中 ListView 中的模型实例也显示这些项目的图表，并且可以使用已实现的进行过滤我在应用程序的 admin.py 中添加了 list_filter 选项。

如果有任何方向、示例或现有教程，我将不胜感激

干杯。

Answer 1

如果您遵循 FLOT 教程，它们就相当完整了。

• 包含 jQuery
• 包括 float

然后按照 examples 操作即可/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>