(1)首先视图层view业务逻辑处理好数据转成Json传递给模板Echar.html
例如:
#encoding=utf-8
from django.http import *
import datetime
from django.shortcuts import render, render_to_response
from django import template
import urllib2
import json
def My_echart(request):
url="http://localhost:8000/app/v1/historys/?format=json"
datas=urllib2.urlopen( url ).read().decode( ' utf-8 ' )
js2=json.loads(datas)
return render_to_response('Echart.html', {'datas':js2})
(2)最简单的就是在html里直接获取数据
<body>
<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
{% for data in datas.objects %}
{{data.tovcount}}
{% endfor %}
<body>
像这样
(3)但是像一些绘图类的,表格什么的就需要你用javascript去获取数据然后传递给图表来显示。
这里我就走了好多弯路,比如javascript能不能用Django的标志量:“{{}},%”
首先我先尝试
<script>
var objs={{datas.object}}
alert(objs)
</script>
但是很明显不行,看来官网以后才知道一定要是字符串,也就是说要加""
<script>
var objs="{{datas.object}}"
alert(objs)
</script>
然后发现并不能把objs当一个对象来处理,所以就要eval()一下,然后我又去看eval()
结果发现并没什么用,因为python传递过来的数据有两个问题,一个一定带u,另外Json里的“符号被浏览器解析成了'字符
所以不是标准的Json字符串也就不能eval转对象了,然后我就去替换这个'把它改成"
String.prototype.replaceAll = function(s1,s2){
return this.replace(new RegExp(s1,"gm"),s2);
}
var d= "{{datas.objects}}";
var ds=d.replaceAll(''','\"');
终于改好了,标准的Json被eval成了对象,所以我能好好虐它了,一开始这样
<script>
for(var i=0;i<9;i++){
alert(json[i].id)
}
</script>
OK,完全可以,id全部一一显示出来了,但是问题又来了,当我把id改成别的属性的时候。。数据都是空白的,可是你放在javascript外面又能
调到别的字段
<script>
for(var i=0;i<9;i++){
alert(json[i].tovcount)
}
</script>
数据空白,但是在javascript外面
<body>
<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
{% for data in datas.objects %}
{{data.tovcount}}
{% endfor %}
<body>
天,要疯。。。。
磨蹭了半天,我想起来了”{{data}}“
于是我在javascript里面写了这样一段代码
<script>
var obj="{% for data in datas.objects %}{{data.tovcount}}{% endfor %}"
alert(obj)
<pre name="code" class="python"></script>
一串数据出来了。。。我去。。。。。终于出来了
最后将数据赋值给表格就可以显示图表了。