python 爬取实时数据django显示_django+echart数据动态显示的例子
使用 AJAX 修改该文本内容
修改内容
var json = {{myContext | safe}}
var jstr = JSON.stringify(json)
var option = JSON.parse(jstr)
// console.log(option)
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'), 'matplotlib');
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
function loadXMLDoc() {
var xmlhttp;
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp = new XMLHttpRequest();
} else {
// IE6, IE5 浏览器执行代码
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
//document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
//content = "{{ myContext }}";
//console.log(content)
//var json = xmlhttp.responseText;
//var jstr = JSON.stringify(json)
option = JSON.parse(xmlhttp.responseText)
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
//console.log(option);
}
}
xmlhttp.open("GET", "/myapp/mytext", true);
xmlhttp.send();
}
setInterval(loadXMLDoc, 500);