option = {
backgroundColor: '#fff',
grid: {
top: '15%',
left: '1%',
right: '7%',
bottom: '0%',
containLabel: true,
},
legend: {
top: '0%',
right: '10%',
itemGap: 50,
data: ['降雨量', '降雨量'],
textStyle: {
color: '#f9f9f9',
borderColor: '#fff'
},
},
xAxis: [{
type: 'category',
silent: false,
splitLine: {
show: false,
},
splitArea: {
show: false,
},
axisLine: {
show: true,
lineStyle: {
color: '#D0D0D0',
},
},
axisLabel: {
show: true,
color: 'rgba(139, 135, 135, 1)',
},
data: ['xxx区1', 'xxx区2', 'xxx区3', 'xxx区4', 'xxx区5', 'xxx区6', 'xxx区7', ],
}],
yAxis: [{
type: 'value',
nameTextStyle: {
color: 'rgba(143, 142, 142, 1)',
},
splitArea: {
show: false,
},
axisLine: {
show: true,
lineStyle: {
color: '#D0D0D0',
},
},
axisLabel: {
show: true,
color: 'rgba(139, 135, 135, 1)',
},
boundaryGap: ['0%', '20%'],
}],
tooltip: {
trigger: 'axis',
},
series: [{
name: '降雨量',
type: 'line',
//smooth: true, //是否平滑曲线显示
//symbol:'circle', // 默认是空心圆（中间是白色的），改成实心圆
showAllSymbol: true,
symbolSize: 10,
symbol: 'emptyCircle',
symbol:'circle',
lineStyle: {
color: "#333FFF", // 线条颜色
symbol: 'circle', // 设置为圆形
symbolSize: 18, // 圆形的大小
},
label: {
show: false,
position: 'top',
color: '#fff',
},
itemStyle: {
color: "#333FFF",
borderColor: "#ffffff",
borderWidth: 2,
},
data: [393, 438, 385, 631, 589, 624, 587]
}, {
name: '降雨量',
type: 'bar',
barWidth: 20,
label: {
show: false,
position: 'top',
color: '#fff',
},
itemStyle: {
color: "#333FFF",
lineStyle: {
width: 1,
type: 'solid' //'dotted'虚线 'solid'实线
},
},
data: [393, 438, 385, 631, 589, 624, 587]
}]
};