这确实是个问题,但我正在使用python-高级图表构建类似于这个轻巧的例子的东西,以便包含在Python应用程序中。我可以让它在木星笔记本中工作,在那里我可以将它保存到html文件中,或者将它导出为iframe或div代码块。但我无法让它们在烧瓶html页面中工作。烧瓶页面中的包含块如下所示:
<p>
{% if result != None %}
<div id="my-chart"></div>
<script type="text/javascript">
{{result|safe}}
</script>
{% endif %}
</p>
以及相关的标题部分:
<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到浏览器的路径发送工具提示格式化javascript函数.因此,这两个问题的解决方案都是很好的。
J.
发布于 2016-11-08 12:19:34
首先:
在中编写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>
这样您就有了很好的代码分离,而且它也(有点)更安全。
把我们引向眼前的问题;进口.
因此,第二:HighCharts
需要实现jQuery
才能工作。那可能是你的问题。
要导入jQuery
,请将其包含到标题中:
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
https://stackoverflow.com/questions/36392832
复制