手Stringarray django模板和使用它在d3
Hand Stringarray to django template and use it in d3
我想把一个字符串数组从我的views.py到模板,并使用这个字符串D3。
views.py:
def index(request):
template = loader.get_template("myApp/index.html")
data = ["a","b","c"]
context = RequestContext(request,{"data":data})
return HttpResponse(template.render(context))
index . html:
<html>
<head>
<title>Some project</title>
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
</head>
<body>
<h1>Some project visualisation</h1>
<script type="text/javascript">
var dataArray = {{ data }};
...
At "var dataArray = {{data}};"我得到一个语法错误。我在浏览器控制台和我的dataArray中查找了这个看起来像这样:
var dataArray = ['a','b','c']
我也尝试使用json.dumps(data),但我得到一个类似的dataArray,如:
var dataArray = ["a","b","c"]
您要查找的是'safe'过滤器:
context = RequestContext(request,{"data":json.dumps(data)})
…
<script type="text/javascript">
var dataArray = {{ data | safe }};
https://docs.djangoproject.com/en/dev/ref/templates/builtins/std: templatefilter-safe
如果你在javascript中更频繁地使用变量,那么关闭自动转义
相关文章:
- D3在一个调用中绘制不同的SVG形状,没有可见性
- 为什么在单独的函数中应用时转换会闪烁/断断续续(D3)
- 如何在d3.js中返回路径的y坐标
- d3基于用户选择动态更新节点
- 有条件更新d3.js力图中节点的最佳方法
- 为什么我的d3.jsselectAll+过滤器没有过滤
- 使用D3.js计算带有字母间距的文本长度
- d3中堆栈函数和嵌套函数之间的差异
- D3.js模式不适用于弧形或圆环图
- d3.js Chord图的动态工具提示
- 在D3.js中,有没有任何方法可以将x和y方向上的滚动事件绑定到平移svg
- D3嵌套组作为x轴
- d3.hexbin插件-动态定义颜色域以适应数据
- HTML5FileReader输出到D3.js图表
- 如何在d3上的图形中添加放大和缩小按钮
- 在对象数组中查找多个值的d3范围
- d3中的条件转换
- D3.js生成有效的SVG,但不显示任何内容
- d3.js:限制画笔的大小
- 手Stringarray django模板和使用它在d3