echarts 怎么使用动态数据
<scripttype="text/javascript">require.config({//其它图表类型类似paths:{'echarts':'js/echarts'...
<script type="text/javascript">
require.config({
// 其它图表类型类似
paths:{
'echarts':'js/echarts',
'echarts/chart/pies' : 'js/echarts' // 使用类似方法加载pie
}
});
require(
[
'echarts',
'echarts/chart/pie' // 使用类似方法加载pie
],
function(ec) {
var myChart = ec.init(document.getElementById('chartArea'));
var 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 : true,
dataView : {readOnly: false},
restore : true,
saveAsImage : true
}
},
calculable : true,
series : [
{
name:'访问来源',
type:'pie',
radius : '55%',
center: ['50%', 225],
data:[
{value:335, name:'直接访问'},
{value:310, name:'邮件营销'},
{value:234, name:'联盟广告'},
{value:135, name:'视频广告'},
{value:1548, name:'搜索引擎'}
]
}
]
};
myChart.setOption(option);
}
);
</script>
这个饼状图用的是静态数据。怎么用动态数据呢? 求实例,比如哪里可以放int a=335;然后用a代替静态数据
问题自己解决了。用ajax调用数据库数据。并且饼图要放在ajax funtion里面 。亲测静态数据传值有效,动态无效,原因是绘制图表在ajax function之前。另,把ajax String分割得来的值转换成int类型即可。攒人品,保佑明天答辩能过
http://wenku.baidu.com/view/91661239bed5b9f3f90f1cb3.html 展开
require.config({
// 其它图表类型类似
paths:{
'echarts':'js/echarts',
'echarts/chart/pies' : 'js/echarts' // 使用类似方法加载pie
}
});
require(
[
'echarts',
'echarts/chart/pie' // 使用类似方法加载pie
],
function(ec) {
var myChart = ec.init(document.getElementById('chartArea'));
var 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 : true,
dataView : {readOnly: false},
restore : true,
saveAsImage : true
}
},
calculable : true,
series : [
{
name:'访问来源',
type:'pie',
radius : '55%',
center: ['50%', 225],
data:[
{value:335, name:'直接访问'},
{value:310, name:'邮件营销'},
{value:234, name:'联盟广告'},
{value:135, name:'视频广告'},
{value:1548, name:'搜索引擎'}
]
}
]
};
myChart.setOption(option);
}
);
</script>
这个饼状图用的是静态数据。怎么用动态数据呢? 求实例,比如哪里可以放int a=335;然后用a代替静态数据
问题自己解决了。用ajax调用数据库数据。并且饼图要放在ajax funtion里面 。亲测静态数据传值有效,动态无效,原因是绘制图表在ajax function之前。另,把ajax String分割得来的值转换成int类型即可。攒人品,保佑明天答辩能过
http://wenku.baidu.com/view/91661239bed5b9f3f90f1cb3.html 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询