echart效果图配置1
程序员文章站
2024-03-20 08:37:04
...
option = {
xAxis: {
type: 'category',
boundaryGap: false,
data: [0,1,2,3,4,5,6,7,8,9,10,11,12],
axisLine:{
show: true,
lineStyle:{
color: '#aaa',
}
},
axisTick: {
show:false,
},
axisLabel:{
show: true,
}
},
tooltip:{
show:true,
trigger:'axis',
showContent: true,
formatter: '2020年{b}月<br />{c}人',
backgroundColor: '#fff',
borderColor: '#aaa',
padding: [5,10],
textStyle:{
color: '#000',
fortFamily: 'PingFang-SC-Medium' ,
extraCssText: 'border-bottom: 2px solid #CFE3F4',
},
axisPointer: {
type: 'cross',
snap: true,
}
},
yAxis: {
type: 'value',
minInterval:100,
},
series: [{
data: [0,50,200, 300,70,75,105,135,175,180,95,75,130],
type: 'line',
smooth: true,
symbolSize:8,
lineStyle: {
width:5,
},
itemStyle: {
color: '#7BB0FF'
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: '#7BB0FF'
}, {
offset: 1,
color: '#fff'
}])
},
}]
};
推荐阅读
-
echart效果图配置1
-
echart饼状图常用配置
-
echart常用曲线图和折线图配置
-
echart常用条形图bar配置
-
apache配置详解(1) 博客分类: apache
-
apache配置详解(1) 博客分类: apache
-
开源视频会议bigbluebutton开发(1)——初始化安装以及配置 博客分类: 开源项目 ActiveMQAsteriskNginxTomcat 视频会议
-
springcloud Alibaba学习之路(1)——lombok配置及热部署
-
玩玩短视频平台和网课平台开发1——腾讯云对象储存COS的初步配置
-
Ubuntu系统中Docker的安装和配置(Docker入门笔记1)