我用python获得了画图用的数据,并通过接口传输。就是下面代码中的datalists。
<html>
<head>
<title>shuju</title>
<script>
//let datalists = ''
//let DataList=[];
var ajax = new XMLHttpRequest()
ajax.open('GET','http://127.0.0.1:5000',true) //建立一个通信方法是get,请求地址,异步请求
ajax.send()
ajax.onreadystatechange=()=>{
if(ajax.readyState === 4 && ajax.status === 200){
datalists=ajax.response
// console.log(ajax.response)
//console.log(JSON.parse(ajax.response))
//document.getElementById('xy').innerText = ajax.response//给指定元素分配内容
DataList=JSON.parse(ajax.response)
//console.log(datalists)
}
}
</script>
</head>
<body>
//echarts画图位置
<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
<div id="main" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// var xz=["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
//var yz=[5, 20, 36, 10, 10, 20]
// 指定图表的配置项和数据
var option = {
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
legend: {
data:['销量']
},
xAxis: {
data: xz
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: yz
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
</script>
</body>
</html>
现在我想把获得的数据传给echarts用来画图,请问该怎么做呢?