var myChart = echarts.init(document.getElementById('main1'));
var Mon = [[${monday}]];
var Tue = [[${tuesday}]];
var Wed = [[${wednesday}]];
var Thu = [[${thursday}]];
var Fri = [[${friday}]];
var Sat = [[${saturday}]];
var Sun = [[${sunday}]];
$.ajax({
type: "get",
url: "/xxxxx",
dataType: "JSON",
async: false,
success: function (data) {
dataAll = data.data;
var option = {
backgroundColor: '#FFFFFF',
title: {
x: 'center',
y: '20px',
text: '最近七天销售数据'
},
xAxis: {
type: 'category',
data: [Mon, Tue, Wed, Thu, Fri, Sat, Sun],
boundaryGap: true
},
yAxis: {
type: 'value',
name: "金额(元)",
nameLocation:'middle',
nameTextStyle:{
fontSize:14,
fontWeight: 600,
padding:25
},
axisLine: {show:false},
axisTick: {show:false}
},
series: [{
name: '销售金额',
type: 'line',
data: [100,100,100,110,120,123,112],
smooth: true,
itemStyle:{
normal:{
color:'#6495ED', //折点颜色
lineStyle:{
color:'#6495ED' //折线颜色
}
}
}
}],
tooltip: {
trigger: 'axis'
},
/*toolbox: {
feature: {
saveAsImage: {} //下载工具
}
},*/
legend: {
orient: 'horizontal',
x: 'center',
y: 'bottom',
data: ['销售数量']
}
};
myChart.setOption(option);
}
});
ajax获取数据Echarts填充折线图
最新推荐文章于 2021-06-17 16:48:48 发布