echarts如何通过ajax异步传输数据以及容易
1个回答
2019-01-05 · 百度知道官方认证企业
腾讯电脑管家
腾讯电脑管家是腾讯公司推出的免费安全管理软件,能有效预防和解决计算机上常见的安全风险,并帮助用户解决各种电脑“疑难杂症”、优化系统和网络环境,是中国综合能力最强、最稳定的安全软件。
向TA提问
关注
展开全部
var pieChart = echarts.init(document.getElementById('pie'));
option = {
title: {
text: '堆叠区域图',
show: false,
},
tooltip : {
trigger: 'axis'
},
legend: {
data: ['1.0','2.0','3.0'],
right:'10%',
textStyle:{
color:'red',
}
},
grid: {
left: '20%',
right: '10%',
bottom: '10%',
containLabel: true
},
xAxis : [
{
type : 'category',
show : false,
data : ['周一','周二','周三','周四','周五','周六','周日']
}
],
yAxis : [
{
type : 'value',
show : false
}
],
series : [
{
name:'1.0',
type:'line',
stack: '总量',
symbol:'circle',
areaStyle: {normal: {}},
data:[100, 200, 101, 134, 90, 230, 210]
},
{
name:'2.0',
type:'line',
stack: '总量',
symbol:'circle',
areaStyle: {normal: {}},
data:[200, 300, 191, 234, 290, 330, 310]
},
{
name:'3.0',
type:'line',
stack: '总量',
symbol:'circle',
areaStyle: {normal: {}},
data:[700, 500, 301, 334, 390, 330, 320]
},
]
};
pieChart.setOption(option);
option = {
title: {
text: '堆叠区域图',
show: false,
},
tooltip : {
trigger: 'axis'
},
legend: {
data: ['1.0','2.0','3.0'],
right:'10%',
textStyle:{
color:'red',
}
},
grid: {
left: '20%',
right: '10%',
bottom: '10%',
containLabel: true
},
xAxis : [
{
type : 'category',
show : false,
data : ['周一','周二','周三','周四','周五','周六','周日']
}
],
yAxis : [
{
type : 'value',
show : false
}
],
series : [
{
name:'1.0',
type:'line',
stack: '总量',
symbol:'circle',
areaStyle: {normal: {}},
data:[100, 200, 101, 134, 90, 230, 210]
},
{
name:'2.0',
type:'line',
stack: '总量',
symbol:'circle',
areaStyle: {normal: {}},
data:[200, 300, 191, 234, 290, 330, 310]
},
{
name:'3.0',
type:'line',
stack: '总量',
symbol:'circle',
areaStyle: {normal: {}},
data:[700, 500, 301, 334, 390, 330, 320]
},
]
};
pieChart.setOption(option);
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询