const option = { backgroundColor:"rgba(0,0,0,.6)", title: [{ top: 125, left: 50, text: "当前水位：33.15m", textStyle: { color: "#fff", fontSize: 12, fontWeight: "normal" }, }], tooltip: { trigger: 'axis', padding: [5, 10, 5, 10], backgroundColor: 'rgba(0,0,0,.6)', borderColor: 'transparent', formatter: (param) => ` ` }, grid: { top: '35', left: '0', right: '10', bottom: '0', containLabel: true, }, xAxis: [{ type: 'category', boundaryGap: false, nameGap: 5, axisLine: { show: true, lineStyle: { color: '#999' }, }, axisLabel: { color: '#9eaaba', }, axisTick: { show: false, }, data: ['0', '50', '100', '150', '200', '250', '300'], }], yAxis: [{ name: '高程(m)', nameTextStyle: { color: '#9eaaba', }, offset: 0, min: 20, max: 60, type: 'value', interval: 5, axisLabel: { show: true, color: "#9eaaba", }, axisLine: {show: false}, splitLine: { show: true, lineStyle: { width: 1, color: "rgba(49,105,129,0.4)", type: 'dashed' } }, }], series: [ { name:"当前水位", type: 'line', smooth: true, //是否平滑曲线显示 symbolSize: 0, lineStyle: { width: 1 }, areaStyle: { color: "rgba(0, 145, 255,0.5)" }, data: [33, 33, 33, 32, 26, 25, 24], z: 1 }, { type: 'line', symbolSize: 0, areaStyle: { color: "rgb(194,137,44)" }, lineStyle: { width: 0 }, data: [25, 25, 25, 25, 25, 25, 25], z: 2 }, { type: 'line', symbolSize: 0, lineStyle: { width: 2, type: "dashed", color: "rgba(114, 255, 198, 1)" }, data: [50, 50, 50, 50, 50, 50, 50], z: 2 } ] }

skgj-水库高程模拟图表