在网站

时间:2016-12-16 22:09:51

标签: javascript python django bokeh skulpt

我正在为旅游搜索引擎开发一个网站,我希望以与Hipmunk类似的概念来展示结果。

Hipmunk layout for results

详情如下:

  • 该网站正在与Django一起开发。
  • 内容是动态的(结果取决于每次搜索)
  • 条形码沿着时间轴放置,因此定位它们取决于时间。
  • 示例中使用的条形图看起来太简单了,所以我可能会尝试一些更精细的内容,例如圆圈,条形图标和图标的混合,类似于Rome2rio,但是水平。 Rome2rio detail layout
  • 时间过滤器应用于时间轴,因此根据用户与时间轴的互动情况,显示的结果会发生变化(请参阅上面的hipmunk图片)。

我想正常的方法是使用javascript,但由于我没有背景,我想知道是否有任何替代方案或现有的软件包可以让我这样做。

如果Python中有一些模块,那将是理想的,因为这是我的背景。我听说过bokeh,但它似乎专注于科学数据和图表。

我也读过有关Skulpt的某个地方,但它似乎尚未成熟。

有没有办法用Python创建这样的东西,还是我被判使用Javascript?如果是这样,现有模块的任何提示可能会有所帮助吗?

1 个答案:

答案 0 :(得分:0)

在Django中,实际上只需使用 CSS contexts即可。

例如:

{% for obj in object_list|slice:":40" %}
    <div style='width:{{ obj|function_to_get_width }}%;float:left'>
        <hr class='diagram_formatting'/>
    </div>
{% endfor %}

function_to_get_width位于python文件中,diagram_formatting将在CSS文件中指定。

只有缺少的点是通过时间线应用的时间过滤器。