echarts 动态雷达图 后台数据怎么加载
我写的代码如下<html><head><metacharset="utf-8"><title>title</title><scriptsrc="echarts.js"><...
我写的代码如下
<html>
<head>
<meta charset="utf-8">
<title>title</title>
<script src="echarts.js"></script>
<script src="jquery.min.js"></script>
</head>
<body>
<div id="mainAnaylsis" style="width: 750px;height:500px;"></div>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('mainAnaylsis'));
var option = {
title: {
text: '用户兴趣分布'
},
tooltip: {},
legend: {
},
radar: {
indicator: [
{ name: '综艺', max: 6500},
{ name: '电视剧', max: 16000} ,
{ name: '新闻', max: 30000}
]
},
series: [{
name: '预算 vs 开销(Budget vs spending)',
type: 'radar',
data : [ ]
}]
};
myChart.setOption(option);
var names=[];
var num = [];
$.ajax({
type: "get",
url: "http://127.0.0.1/AA/T?name=leida",
dataType: "json", //返回数据形式为json
success: function (result) {
for (var i = 0; i < result.length; i++)
{
names.push(result[i].name);
}
for (var i = 0; i < result.length; i++)
{
num.push(result[i].value);
}
mycharts.setOption({ //加载数据图表
legend: { data:['收视','互动'] },
series: [
{
value : num,
name : names
}
]
});
},
});
</script>
</body>
</html>
后台返回的数据是 [{"name":"大学","value":["10","20","30"]},{"name":"中学","value":["10","20","30"]},{"name":"小学","value":["10","20","30"]}]
求大神解救 展开
<html>
<head>
<meta charset="utf-8">
<title>title</title>
<script src="echarts.js"></script>
<script src="jquery.min.js"></script>
</head>
<body>
<div id="mainAnaylsis" style="width: 750px;height:500px;"></div>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('mainAnaylsis'));
var option = {
title: {
text: '用户兴趣分布'
},
tooltip: {},
legend: {
},
radar: {
indicator: [
{ name: '综艺', max: 6500},
{ name: '电视剧', max: 16000} ,
{ name: '新闻', max: 30000}
]
},
series: [{
name: '预算 vs 开销(Budget vs spending)',
type: 'radar',
data : [ ]
}]
};
myChart.setOption(option);
var names=[];
var num = [];
$.ajax({
type: "get",
url: "http://127.0.0.1/AA/T?name=leida",
dataType: "json", //返回数据形式为json
success: function (result) {
for (var i = 0; i < result.length; i++)
{
names.push(result[i].name);
}
for (var i = 0; i < result.length; i++)
{
num.push(result[i].value);
}
mycharts.setOption({ //加载数据图表
legend: { data:['收视','互动'] },
series: [
{
value : num,
name : names
}
]
});
},
});
</script>
</body>
</html>
后台返回的数据是 [{"name":"大学","value":["10","20","30"]},{"name":"中学","value":["10","20","30"]},{"name":"小学","value":["10","20","30"]}]
求大神解救 展开
1个回答
2017-07-20
展开全部
很高兴,最近我也使用了EChartsECharts提供的用法中,require是作为模块化加载的入口,如果你使用类似于RequireJS、SeaJS这样的模块化加载JS库的话,那么,就可以使用require()初始化ECharts。你贴出来的链接这篇文章,正式介绍如何使用模块化加载ECharts。如果你不使用模块化,ECharts也提供相应的方法初始化。首先,下载到源码之后,在页面引入lib/echarts-plain-map.js,plain-map是未压缩的版本1然后引入主文件之后,就可以直接使用init()实例化了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询