django-plotly-dash div 尺寸太小，不会改变

【问题标题】：django-plotly-dash div size too small and wont changedjango-plotly-dash div 尺寸太小，不会改变
【发布时间】：2019-07-01 23:13:29
【问题描述】：

使用 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 是整页，但它只呈现一个非常小的窗口

【问题讨论】：

我最终找到了答案。我只需要添加 ratio=1.00 我相信默认情况下 ratio 设置为 .2，它仅在窗口中显示 div 实际 dash 应用程序大小的 20%。 "{% plotly_app name="NFLDATA" ratio=1 %}"

标签： css django plotly plotly-dash

【解决方案1】：

我遇到了同样的问题，找不到模板标签的样式。您不能尝试的一件事是添加比率参数

{% 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

【讨论】：