django - 在 django 中创建交互式笛卡尔网​​格

Question

我有一个关于我正在开发的名为e-cidadania (GPL) 的平台的问题。其中一个应用程序类似于黑板，您可以在其中放置消息。我被要求像笛卡尔网格一样做（pe x = 好/坏，y = 昂贵/便宜）。我的问题是，有人知道像 django 这样的应用程序吗？或者如果没有，我该怎么做？我不知道从哪里开始。

如果有人不明白，我将解释一个用例：你在教室里，老师在黑板上画出轴，并告诉学生写一个笔记。之后，每个学生都会根据轴来做笔记。

Answer 1

这可能有点牵强，但不是单独使用 django 来做这件事，你为什么不使用 javascript 来做这个客户端呢？

在这里听我说。

highcharts 图形插件有一个选项，允许您在（笛卡尔）图形上添加点。检查这个例子。该插件还允许您在悬停在点上时显示自定义消息，因此您可以使用它来显示实际消息，并且您可以通过通过 Ajax 提交新添加的消息来处理新消息的实际保存。

Answer 2

我不确定我是否完全理解您的问题，但如果我是正确的，您希望用户输入文本（餐厅名称或类似名称），而不是显示 2 个滑块或下拉框来显示评级和价格，您想要显示一个笛卡尔图表，用户可以在其中单击某处，从而一键输入 2 个值。

这与 Django 或 Python 无关，这是纯粹的客户端。想想javascript。一种方法是使用笛卡尔网格显示图像，设置 onclick 处理程序并查看在图像中的哪个位置进行了单击。显示所选点可以简单地通过设置具有绝对位置（相对于图像位置）的彩色 div 来完成。

我不知道任何即插即用的解决方案，但构建它应该不会太难。

在单独的说明中：我怀疑这实际上对用户来说会更加用户友好，而不是简单地使用两个滑块。

更新：
或者如果你想显示一个大的笛卡尔图表，用户实际上必须在正确的位置输入文本，这可以用相同的想法来完成：创建文本输入，但隐藏它（显示：无）。然后，当用户单击图表上的某个位置时，将文本输入移动到正确的位置并显示它。