var main3=document.getElementById('main3');
var option3 = {
title: {
textStyle: {
color: '#333',
fontWeight: 'normal',
fontSize: 14
},
left: 25,
top: 15
},
color: ['#D3D6DE', '#5199C3'],
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
},
formatter: function (params) { //自定义函数修改折线图给数据加单位
var str = '';//声明一个变量用来存储数据
str += '<div>' + params[0].name + '</div>'; //显示日期的函数
for (var i = 0; i < params.length; i++) { //图显示的数据较多时需要循环数据,这样才可以成功的给多条数据添加单位
str += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' + params[i].color + ';"></span>' + params[i].seriesName + '</span> : <span>' + (params[i].data ? params[i].data + '%' : '暂无') + '</br>';
}
return str;
},
},
toolbox: {
feature: {
saveAsImage: {}
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
boundaryGap: false,
data: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
axisLine: {
}
}
],
yAxis: [
{
type: 'value',
show: 'false',
"axisTick": {
"show": false
},
"axisLine": {
"show": false
},
}
],
series: [
{
name: '视频广告',
type: 'line',
smooth:true,
stack: '总量',
areaStyle: { normal: {} },
data: [15, 23, 20, 46, 39, 70, 17]
},
{
name: '直接访问',
type: 'line',
smooth:true,
stack: '总量',
areaStyle: { normal: {} },
data: [32, 55, 31, 33, 27, 80, 67]
}
]
};
$(window).resize(function () {
location.reload()
});
formatter: function(params) { //自定义函数修改折线图给数据加单位
var str = '';//声明一个变量用来存储数据
str += '<div>'+ params[0].name +'</div>'; //显示日期的函数
for(var i=0; i<params.length; i++) { //图显示的数据较多时需要循环数据,这样才可以成功的给多条数据添加单位
if(i === 0){
str += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:'+params[i].color+';"></span>'+ params[i].seriesName +'</span> : <span>'+ (params[i].data ? params[i].data+'元' : '暂无') +'</br>';
}else if(i===1){
str += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:'+params[i].color+';"></span>'+ params[i].seriesName +'</span> : <span>'+ (params[i].data ? params[i].data+'%' : '暂无') +'</br>';
}
}
return str;
}
eachart加单位
最新推荐文章于 2021-11-27 18:58:28 发布