如何导出python highcharts图表以在flask或django中使用？

这确实是个问题，但我正在使用它来构建类似于Python Flask应用程序中包含的东西。我可以让它在Jupyter笔记本中工作，从那里我可以将它保存到html文件或导出为iframe或div代码块。但我无法在flask html页面中使用这些内容。烧瓶页面中的包含块如下所示：

<p>
{% if result != None %}
<div id="my-chart"></div>
<script type="text/javascript">
  {{result|safe}}
</script>
{% endif %}
</p>

{%if结果！=None%}
{{result | safe}}
{%endif%}

以及相关的标题部分：

<script src="//code.highcharts.com/stock/highstock.js"></script>
<script src="//code.highcharts.com/highcharts-more.js"></script>
<script src="//code.highcharts.com/modules/exporting.js"></script>

我已经设法让它工作，但以这种方式，我无法通过dict-to-json-to-browser路径发送工具提示格式化javascript函数。。。因此，这两个问题的解决方案都是很好的

J.

首先：

在HTML中编写JS函数（几乎）总是可以避免的 您应该坚持的首要原则之一是分离静态文件。更多关于这个

您应该只使用

Jinja2/DjangoTemplatingLanguage

等标记将变量传递到脚本中，并将所有javascript功能写入单独的.js文件中，然后与其他脚本一起导入，例如：

<script src="//code.highcharts.com/stock/highstock.js"></script>
<script src="//code.highcharts.com/highcharts-more.js"></script>
<script src="//code.highcharts.com/modules/exporting.js"></script>
<script src="{{ static_url }}/js/my-highstock-project.js"></script>

首先：

在HTML中编写JS函数（几乎）总是可以避免的 您应该坚持的首要原则之一是分离静态文件。更多关于这个

您应该只使用

Jinja2/DjangoTemplatingLanguage

等标记将变量传递到脚本中，并将所有javascript功能写入单独的.js文件中，然后与其他脚本一起导入，例如：

<script src="//code.highcharts.com/stock/highstock.js"></script>
<script src="//code.highcharts.com/highcharts-more.js"></script>
<script src="//code.highcharts.com/modules/exporting.js"></script>
<script src="{{ static_url }}/js/my-highstock-project.js"></script>

---

好吧，那么什么对你不起作用呢？您在

result

中有什么内容以及在HTML中生成了什么内容？@PawełFus问题不在于highcharts库，而在于我使用的python接口。如果我使用图表，我可以整洁地向html模板发送一个块，但由于这是一个转换为json的python字典，我无法发送javascript函数（用于工具提示格式）。如果我使用python highcharts（在IPython笔记本中），我可以传递javascript函数（用于工具提示格式），但我不能通过

{{result | safe}

将图表代码导出到json以供包含。最后，我在html模板中构建了大部分javascript，只在dict中传递了数据。好吧，那么什么对你不起作用呢？您在

result

中有什么内容以及在HTML中生成了什么内容？@PawełFus问题不在于highcharts库，而在于我使用的python接口。如果我使用图表，我可以整洁地向html模板发送一个块，但由于这是一个转换为json的python字典，我无法发送javascript函数（用于工具提示格式）。如果我使用python highcharts（在IPython笔记本中），我可以传递javascript函数（用于工具提示格式），但我不能通过

{{result | safe}

将图表代码导出到json以供包含。最后，我在html模板中构建了大部分javascript，并且只在dict中传递数据。