django-plotly-dash div大小太小,不会更改

时间:2019-07-01 23:13:29

标签: css django plotly plotly-dash hyphen

使用Django-plotly-dash模块和dash应用程序在一个很小的窗口中呈现。除了典型的CSS以外,我还可以做些其他什么来呈现整个页面吗?

我尝试过更新特定div的样式以及更新整个页面中的样式。

...

{% extends 'base_page.html' %}
{% block content %}
<head>

</head>
<body>
{%load plotly_dash%}

    <div class={% plotly_class name="SimpleExample"%}>

        {% plotly_app name="SimpleExample" %}
      </div>
</body>
{% endblock %}
...

期望div为整页,但是它只会呈现一个很小的窗口

1 个答案:

答案 0 :(得分:0)

我遇到了同样的问题,找不到template标签在哪里获得样式。您不能尝试的一件事是添加比率参数

{% plotly_app name="SimpleExample" ratio=1 %}

编辑: 在那之前我没有看到您的评论。

您也可以尝试使用

{% plotly_direct name="SimpleExample" %} 

此模板标记允许将html直接插入模板中,而不是将其嵌入到iframe中。您还将需要{% plotly_header %}{% plotly_footer %}标签,并且不要忘记应该在settings.py

中添加中间件。
MIDDLEWARE = [

               'django_plotly_dash.middleware.BaseMiddleware',

             ]

此链接很有帮助:https://django-plotly-dash.readthedocs.io/en/latest/template_tags.html