echarts饼图动态赋值(我想将从数据库中值动态的赋值给饼图),
echarts吧
全部回复
仅看楼主
level 2
往事也加 楼主
echarts饼图动态赋值(我想将从数据库中值动态的赋值给饼图),跪求大神知道如何解决
后台从数据库中的得到的json
JSONArray jsonarray=JSONArray.fromObject(rs.getList());//=JSONArray.
request.setAttribute("data", jsonarray);
打印出来的数据
{value:335, name:'直接访问'},
{value:310, name:'邮件营销'},
{value:234, name:'联盟广告'},
{value:135, name:'视频广告'},
{value:1548, name:'搜索引擎'}
pie.jsp
<div id="main" style="height:400px"></div>
<script type="text/javascript">
// 路径配置
require.config({
paths:{
'echarts' : 'js/echarts',
}
});
// 使用
require(
[
'echarts',
'echarts/chart/pie'
],
function (ec) {
// 基于准备好的dom,初始化echarts图表
var myChart = ec.init(document.getElementById('main'));
option = {
title : {
text: '某站点用户访问来源',
subtext: '纯属虚构',
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient : 'vertical',
x : 'left',
data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {
show: true,
type: ['pie', 'funnel'],
option: {
funnel: {
x: '25%',
width: '50%',
funnelAlign: 'left',
max: 1548
}
}
},
restore : {show: true},
saveAsImage : {show: true}
}
},
//calculable : true, //外围轮廓
series : [
{
name:'访问来源',
type:'pie',
radius : '55%',
center: ['50%', '60%'],
?????求各位大神知道一二,如何解决动态赋值问题
//data:[
// {value:335, name:'直接访问'},
// {value:310, name:'邮件营销'},
// {value:234, name:'联盟广告'},
// {value:135, name:'视频广告'},
// {value:1548, name:'搜索引擎'}
// ]
}
]
};
// 为echarts对象加载数据
myChart.setOption(option);
}
);
</script>
2015年07月29日 12点07分 1
level 1
option.series[0].data
2015年12月01日 03点12分 2
level 1
楼主问题解决了分享一下?
2016年03月16日 08点03分 3
level 1
楼主解决了吗,我现在也有这个问题,读取得到,但是显示不出来
2016年08月24日 06点08分 4
level 1
你把后台返还回来的数据给全局变量,data是一个对象数组,data:你定义的全局变量就行了
2016年08月25日 03点08分 6
level 1
var seriesData=[];
$.each(item,function(j,quato){ //j 答案, quato 数量
var obj=new Object();
if(j == "error"){
obj.name="答错";
}else{
obj.name="答对";
}
obj.value=quato;
seriesData.push(obj);
})
var myChart = echarts.init(document.getElementById(id));
var option = {
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
series : [{
name:'答对率',
type:'pie',
radius : '55%',
center: ['50%', '50%'],
data:seriesData,
}]
};
myChart.setOption(option);
2017年05月18日 07点05分 8
1