程序地带

Echarts-柱状图、折线图


options={
title: {
text: title,
left: '5%',
top: '5',
textStyle: {
fontSize: 14,
color: 'black'
},
padding: 10
},
grid: {
top: '25%',
bottom: '10%'
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
label: {
show: true
}
}
},
xAxis: {
data: [1月,2月,3月,4月,5月,6月,7月,8月,9月,10月,11月,12月],
axisTick: {
show: true // 隐藏X轴刻度
},
axisLabel: {
show: true,
textStyle: {
color: 'black' // X轴文字颜色
}
},
axisLine: {
show: true,
lineStyle: {
color: '#01FCE3'
}
}
},
yAxis: [
{
type: 'value',
name: '数量',
nameTextStyle: {
color: 'black'
},
splitLine: {
show: false
},
axisTick: {
show: true // 隐藏X轴刻度
},
axisLine: {
lineStyle: {
color: '#01FCE3'
}
},
axisLabel: {
show: true,
textStyle: {
color: 'black'
}
}
},
{
type: 'value',
gridIndex: 0,
min: 50,
max: 100,
splitNumber: 8,
splitLine: {
show: false
},
axisLine: {
show: false
},
axisTick: {
show: false
},
axisLabel: {
show: false
},
splitArea: {
show: true,
areaStyle: {
color: ['rgba(250,250,250,0.0)', 'rgba(250,250,250,0.05)']
}
}
}
],
series: [
{
type: 'bar',
barWidth: 30,
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: '#00FFE3'
},
{
offset: 1,
color: '#4693EC'
}
])
}
},
data: [0,0,0,0,0,0,0,0,0,0,1,5]
}
]
}

在这里插入图片描述


option={
title: {
text: title,
left: '5%',
top: '5',
textStyle: {
fontSize: 14,
color: 'black'
},
padding: 10
// backgroundColor: '#1E9FFF'
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: 'blue'
}
}
},
legend: {
type: 'plain',
top: 15,
data: [{ name: '', icon: 'rect', textStyle: { color: '#1E9FFF' }}]
},
grid: {
top: '60',
left: '9%',
right: '5%',
bottom: '5%',
containLabel: true
},
toolbox: {
right: 30,
top: 10,
feature: {
dataView: { show: true, readOnly: false },
magicType: { show: true, type: ['line', 'bar'] },
restore: { show: true },
saveAsImage: { show: true }
}
},
xAxis: {
type: 'category',
boundaryGap: false,
axisLabel: {
rotate: -45,
interval: 0
},
data: [0,0,0,0,0,0,0,0,0,0,1,5]
},
yAxis: {
type: 'value'
},
series: [
{
type: 'line',
data: data,
itemStyle: {
normal: {
color: '#2AC9FD'
}
}
}
]
}

在这里插入图片描述


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/ygkyufcl/article/details/111246303

随机推荐

利用C4D创建啤酒盖模型

首先我们来看看这个效果:  1、找开C4D,创建一个基础圆柱体,并调整合适的大小,如下图所示:  2、设置好后,将圆...

魏来码农 阅读(823)

看完这篇文章,我彻底爱上了Python动态图表!

作者|小F来源|法纳斯特关于动态条形图,小F以前推荐过「BarChartRace」这个库。三行代码就能实现动态条形图的绘制。有些同学在使用的时候,会出现一些错误。一个是加载...

weixin_38754337 阅读(500)

python中 str 和 repr_python repr()与str()区别总结

python中,用于将某一类型的变量或者常量转换为字符串对象的方法有两种,即repr()和str()。但是他们在定义、面向对象、返回处理方式、字符串处理和输出目的都有很大的...

猎魔杀手勃洛特 阅读(405)