<!DOCTYPE html>
<html lang="en" style="height: 100%">
<head>
<meta charset="utf-8">
<script type="text/javascript" src="https://echarts.apache.org/zh/js/vendors/jquery@3.7.1/dist/jquery.min.js"></script>
<script type="text/javascript" src="https://fastly.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
</head>
<body style="height: 80%; margin: 0">
<p1 id="p1">11111111111111111111111</p1>
<div id="container" style="height: 80%"></div>
<script type="text/javascript">
var dom = document.getElementById('container');
var myChart = echarts.init(dom, null, {
renderer: 'svg',
useDirtyRect: false
});
var app = {};
var option;
option = {
tooltip:{},
legend:{},
series: [
{
type: 'funnel',
//dimensions: ['date', 'open', 'close', 'highest', 'lowest'],
data: [
{name:"L1", value:150},
{name:"L2", value:100},
{name:"L3", value:50},
{name:"L4", value:25},
{name:"L5", value:12.5}],
},
]
};
var i =0;
function demo(){
document.getElementById("p1").innerHTML=i;
if(i%2){
$.get('test1.json', function (graph) {
// 在这里可以处理读取到的数据
// 将数据绑定到Echarts中
//option.xAxis[0].data = graph.data;
//option.xAxis[1].data = graph.data;
//option.series[0].data = graph.raw;
//option.series[1].data = graph.eff;
myChart.setOption(option);
})
}else{
$.get('test.json', function (graph) {
// 在这里可以处理读取到的数据
// 将数据绑定到Echarts中
//option.xAxis[0].data = graph.data;
//option.xAxis[1].data = graph.data;
//option.series[0].data = graph.raw;
//option.series[1].data = graph.eff;
myChart.setOption(option);
})
}
setTimeout(demo,1000);
i=i+1;
}
demo()
</script>
</body>
</html>
