效果图
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6de5ff6458339c7a6ff6d69cd85df488.png)
html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>特殊---柱图</title>
<link rel="stylesheet" type="text/css" href="css/css-reset.css"/>
<style type="text/css">
.kk-echarts{
background: #2322ac;
width: 535px;
height: 214px;
}
#kkEcharts1,#kkEcharts2{
width: 100%;
height: 107px
}
</style>
</head>
<body>
<div class="kk-echarts">
<div id="kkEcharts1"></div>
<div id="kkEcharts2"></div>
</div>
<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/demo-opt.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var kkOpt = JSON.parse(JSON.stringify(barOption));
var kkBar = echarts.init(document.getElementById('kkEcharts1'));
kkOpt.series[0].label.normal.formatter = function(param){
return param.data.name;
}
kkOpt.tooltip.formatter = function(param){
console.log(param);
return param[0].axisValue+'<br/>'+param[0].marker+' '+param[0].seriesName+':'+param[0].data.value+'%'
}
kkBar.setOption(kkOpt);
var kkOpt1 = JSON.parse(JSON.stringify(barOption));
var kkBar1 = echarts.init(document.getElementById('kkEcharts2'));
kkOpt1.xAxis[0].position = 'top';
kkOpt1.yAxis[0].inverse = true;
kkOpt1.grid.top = '-15';
kkOpt1.grid.bottom = '50';
kkOpt1.series[1].symbolOffset = ['0','100%'];
kkOpt1.series[0].label.normal.position = ['0','150%'];
kkOpt1.series[0].label.normal.formatter = function(param){
return param.data.name;
}
kkBar1.setOption(kkOpt1);
</script>
</body>
</html>
js
var barOption = {
backgroundColor:'#2423af',
"color": ["#17e1f4"],
"tooltip": {
"trigger": "axis",
"axisPointer": {
"type": "shadow"
}
},
"grid": {
"left": "3%",
"right": "4%",
top:50,
"bottom": "-10",
"containLabel": true
},
"xAxis": [{
"type": "category",
"data": ["Mon", "Tue", "Wed", "Thu", "Fri"],
"axisTick": {
"alignWithLabel": true
},
axisLine: {
show: true,
lineStyle:{
color: '#7696ec'
}
},
axisTick: {
show: false
},
axisLabel: {
show:false,
textStyle: {
color: '#7696ec'
},
formatter: '{value}'
}
}],
"yAxis": [{
"type": "value",
min:0,
max:30,
interval:10,
axisLine: {
show: false
},
axisTick: {
show: false
},
axisLabel: {
show:true,
textStyle: {
color: '#7696ec'
},
formatter: '{value}'
},
splitLine:{
show:false,
lineStyle:{
color: '#7696ec'
}
}
}],
"series": [{
"name": "完成进度",
"type": "bar",
"barWidth": "1",
label:{
normal: {
show: true,
position: ['0', '-110%']
}
},
"data": [{
name:'1',
value:24,
symbolSize: ['19', '22'],
symbol:'image//data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAB0klEQVQ4jZ3UT4iNURjH8c/l0jR3oSlybW5J/iwYmkhJiihN2CghaqaI8neBBaUsZCELkmIxhYWFUkpTY6NZKKEURSnKXV0LCXNDV8PivPfOceadccdv9Z6n5/m+v3POc57C3A8j2tRi/MbbOFirlFrf09olYTse4yj60ZkmTAU2hNm4jAGcSeunAnuJRrQ+hUa5Wr/6P7AGbgjnBsWsfn+5Wt9artY7Cm1cwCxsxlJcwjJcy9axrhdzikvoxQaszoqbeftwEj04ji14gGG8iJ0VcBjn0PUPt49wCG/yWqMg3NCVHNDXHNh63EmDTdgx9E3gYg2e5cQXGtt+C9Yh9MxE6hZ6LFUnVqawdUIzpjqC+5mzAWxCGRejnG1xQVF4c3laLmx9OuZhl3CmS6KcXpyOnf1IIB+xE2uFvvqMd6higXBZTXWXq/UZMexVAuvCfKzCCeFhD2EQr5PcAubEsKd4HyXMxAXsxQju4VOWtyKBjWbOW7BRnDVePZmb80Ijf8/JeV6rlFrx+AXcxp6cgsnUV6uUbsbOmuoXpkK7GsStOBDDfuEAdgg3N5mGsdvYOBoHa+ouFmVOH+Jb9LMnOIiN+JIWtjPPCGPpZwb8S/HU+APop2XlShWUqwAAAABJRU5ErkJggg=='
},{
name:'1',
value:24,
symbolSize: ['19', '22'],
symbol:'image//data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAB0klEQVQ4jZ3UT4iNURjH8c/l0jR3oSlybW5J/iwYmkhJiihN2CghaqaI8neBBaUsZCELkmIxhYWFUkpTY6NZKKEURSnKXV0LCXNDV8PivPfOceadccdv9Z6n5/m+v3POc57C3A8j2tRi/MbbOFirlFrf09olYTse4yj60ZkmTAU2hNm4jAGcSeunAnuJRrQ+hUa5Wr/6P7AGbgjnBsWsfn+5Wt9artY7Cm1cwCxsxlJcwjJcy9axrhdzikvoxQaszoqbeftwEj04ji14gGG8iJ0VcBjn0PUPt49wCG/yWqMg3NCVHNDXHNh63EmDTdgx9E3gYg2e5cQXGtt+C9Yh9MxE6hZ6LFUnVqawdUIzpjqC+5mzAWxCGRejnG1xQVF4c3laLmx9OuZhl3CmS6KcXpyOnf1IIB+xE2uFvvqMd6higXBZTXWXq/UZMexVAuvCfKzCCeFhD2EQr5PcAubEsKd4HyXMxAXsxQju4VOWtyKBjWbOW7BRnDVePZmb80Ijf8/JeV6rlFrx+AXcxp6cgsnUV6uUbsbOmuoXpkK7GsStOBDDfuEAdgg3N5mGsdvYOBoHa+ouFmVOH+Jb9LMnOIiN+JIWtjPPCGPpZwb8S/HU+APop2XlShWUqwAAAABJRU5ErkJggg=='
},{
name:'1',
value:24,
symbolSize: ['19', '22'],
symbol:'image//data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAB0klEQVQ4jZ3UT4iNURjH8c/l0jR3oSlybW5J/iwYmkhJiihN2CghaqaI8neBBaUsZCELkmIxhYWFUkpTY6NZKKEURSnKXV0LCXNDV8PivPfOceadccdv9Z6n5/m+v3POc57C3A8j2tRi/MbbOFirlFrf09olYTse4yj60ZkmTAU2hNm4jAGcSeunAnuJRrQ+hUa5Wr/6P7AGbgjnBsWsfn+5Wt9artY7Cm1cwCxsxlJcwjJcy9axrhdzikvoxQaszoqbeftwEj04ji14gGG8iJ0VcBjn0PUPt49wCG/yWqMg3NCVHNDXHNh63EmDTdgx9E3gYg2e5cQXGtt+C9Yh9MxE6hZ6LFUnVqawdUIzpjqC+5mzAWxCGRejnG1xQVF4c3laLmx9OuZhl3CmS6KcXpyOnf1IIB+xE2uFvvqMd6higXBZTXWXq/UZMexVAuvCfKzCCeFhD2EQr5PcAubEsKd4HyXMxAXsxQju4VOWtyKBjWbOW7BRnDVePZmb80Ijf8/JeV6rlFrx+AXcxp6cgsnUV6uUbsbOmuoXpkK7GsStOBDDfuEAdgg3N5mGsdvYOBoHa+ouFmVOH+Jb9LMnOIiN+JIWtjPPCGPpZwb8S/HU+APop2XlShWUqwAAAABJRU5ErkJggg=='
},{
name:'1',
value:24,
symbolSize: ['19', '22'],
symbol:'image//data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAB0klEQVQ4jZ3UT4iNURjH8c/l0jR3oSlybW5J/iwYmkhJiihN2CghaqaI8neBBaUsZCELkmIxhYWFUkpTY6NZKKEURSnKXV0LCXNDV8PivPfOceadccdv9Z6n5/m+v3POc57C3A8j2tRi/MbbOFirlFrf09olYTse4yj60ZkmTAU2hNm4jAGcSeunAnuJRrQ+hUa5Wr/6P7AGbgjnBsWsfn+5Wt9artY7Cm1cwCxsxlJcwjJcy9axrhdzikvoxQaszoqbeftwEj04ji14gGG8iJ0VcBjn0PUPt49wCG/yWqMg3NCVHNDXHNh63EmDTdgx9E3gYg2e5cQXGtt+C9Yh9MxE6hZ6LFUnVqawdUIzpjqC+5mzAWxCGRejnG1xQVF4c3laLmx9OuZhl3CmS6KcXpyOnf1IIB+xE2uFvvqMd6higXBZTXWXq/UZMexVAuvCfKzCCeFhD2EQr5PcAubEsKd4HyXMxAXsxQju4VOWtyKBjWbOW7BRnDVePZmb80Ijf8/JeV6rlFrx+AXcxp6cgsnUV6uUbsbOmuoXpkK7GsStOBDDfuEAdgg3N5mGsdvYOBoHa+ouFmVOH+Jb9LMnOIiN+JIWtjPPCGPpZwb8S/HU+APop2XlShWUqwAAAABJRU5ErkJggg=='
},{
name:'1',
value:24,
symbolSize: ['19', '22'],
symbol:'image//data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAB0klEQVQ4jZ3UT4iNURjH8c/l0jR3oSlybW5J/iwYmkhJiihN2CghaqaI8neBBaUsZCELkmIxhYWFUkpTY6NZKKEURSnKXV0LCXNDV8PivPfOceadccdv9Z6n5/m+v3POc57C3A8j2tRi/MbbOFirlFrf09olYTse4yj60ZkmTAU2hNm4jAGcSeunAnuJRrQ+hUa5Wr/6P7AGbgjnBsWsfn+5Wt9artY7Cm1cwCxsxlJcwjJcy9axrhdzikvoxQaszoqbeftwEj04ji14gGG8iJ0VcBjn0PUPt49wCG/yWqMg3NCVHNDXHNh63EmDTdgx9E3gYg2e5cQXGtt+C9Yh9MxE6hZ6LFUnVqawdUIzpjqC+5mzAWxCGRejnG1xQVF4c3laLmx9OuZhl3CmS6KcXpyOnf1IIB+xE2uFvvqMd6higXBZTXWXq/UZMexVAuvCfKzCCeFhD2EQr5PcAubEsKd4HyXMxAXsxQju4VOWtyKBjWbOW7BRnDVePZmb80Ijf8/JeV6rlFrx+AXcxp6cgsnUV6uUbsbOmuoXpkK7GsStOBDDfuEAdgg3N5mGsdvYOBoHa+ouFmVOH+Jb9LMnOIiN+JIWtjPPCGPpZwb8S/HU+APop2XlShWUqwAAAABJRU5ErkJggg=='
}]
}, {
type: 'pictorialBar',
symbolPosition: 'end',
symbolRotate: 0,
symbolOffset: ['3', '-100%'],
data:[{
name:'1',
value:24,
symbolSize: ['19', '22'],
symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAB0klEQVQ4jZ3UT4iNURjH8c/l0jR3oSlybW5J/iwYmkhJiihN2CghaqaI8neBBaUsZCELkmIxhYWFUkpTY6NZKKEURSnKXV0LCXNDV8PivPfOceadccdv9Z6n5/m+v3POc57C3A8j2tRi/MbbOFirlFrf09olYTse4yj60ZkmTAU2hNm4jAGcSeunAnuJRrQ+hUa5Wr/6P7AGbgjnBsWsfn+5Wt9artY7Cm1cwCxsxlJcwjJcy9axrhdzikvoxQaszoqbeftwEj04ji14gGG8iJ0VcBjn0PUPt49wCG/yWqMg3NCVHNDXHNh63EmDTdgx9E3gYg2e5cQXGtt+C9Yh9MxE6hZ6LFUnVqawdUIzpjqC+5mzAWxCGRejnG1xQVF4c3laLmx9OuZhl3CmS6KcXpyOnf1IIB+xE2uFvvqMd6higXBZTXWXq/UZMexVAuvCfKzCCeFhD2EQr5PcAubEsKd4HyXMxAXsxQju4VOWtyKBjWbOW7BRnDVePZmb80Ijf8/JeV6rlFrx+AXcxp6cgsnUV6uUbsbOmuoXpkK7GsStOBDDfuEAdgg3N5mGsdvYOBoHa+ouFmVOH+Jb9LMnOIiN+JIWtjPPCGPpZwb8S/HU+APop2XlShWUqwAAAABJRU5ErkJggg=='
},{
name:'1',
value:24,
symbolSize: ['19', '22'],
symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAB0klEQVQ4jZ3UT4iNURjH8c/l0jR3oSlybW5J/iwYmkhJiihN2CghaqaI8neBBaUsZCELkmIxhYWFUkpTY6NZKKEURSnKXV0LCXNDV8PivPfOceadccdv9Z6n5/m+v3POc57C3A8j2tRi/MbbOFirlFrf09olYTse4yj60ZkmTAU2hNm4jAGcSeunAnuJRrQ+hUa5Wr/6P7AGbgjnBsWsfn+5Wt9artY7Cm1cwCxsxlJcwjJcy9axrhdzikvoxQaszoqbeftwEj04ji14gGG8iJ0VcBjn0PUPt49wCG/yWqMg3NCVHNDXHNh63EmDTdgx9E3gYg2e5cQXGtt+C9Yh9MxE6hZ6LFUnVqawdUIzpjqC+5mzAWxCGRejnG1xQVF4c3laLmx9OuZhl3CmS6KcXpyOnf1IIB+xE2uFvvqMd6higXBZTXWXq/UZMexVAuvCfKzCCeFhD2EQr5PcAubEsKd4HyXMxAXsxQju4VOWtyKBjWbOW7BRnDVePZmb80Ijf8/JeV6rlFrx+AXcxp6cgsnUV6uUbsbOmuoXpkK7GsStOBDDfuEAdgg3N5mGsdvYOBoHa+ouFmVOH+Jb9LMnOIiN+JIWtjPPCGPpZwb8S/HU+APop2XlShWUqwAAAABJRU5ErkJggg=='
},{
name:'1',
value:24,
symbolSize: ['19', '22'],
symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAB0klEQVQ4jZ3UT4iNURjH8c/l0jR3oSlybW5J/iwYmkhJiihN2CghaqaI8neBBaUsZCELkmIxhYWFUkpTY6NZKKEURSnKXV0LCXNDV8PivPfOceadccdv9Z6n5/m+v3POc57C3A8j2tRi/MbbOFirlFrf09olYTse4yj60ZkmTAU2hNm4jAGcSeunAnuJRrQ+hUa5Wr/6P7AGbgjnBsWsfn+5Wt9artY7Cm1cwCxsxlJcwjJcy9axrhdzikvoxQaszoqbeftwEj04ji14gGG8iJ0VcBjn0PUPt49wCG/yWqMg3NCVHNDXHNh63EmDTdgx9E3gYg2e5cQXGtt+C9Yh9MxE6hZ6LFUnVqawdUIzpjqC+5mzAWxCGRejnG1xQVF4c3laLmx9OuZhl3CmS6KcXpyOnf1IIB+xE2uFvvqMd6higXBZTXWXq/UZMexVAuvCfKzCCeFhD2EQr5PcAubEsKd4HyXMxAXsxQju4VOWtyKBjWbOW7BRnDVePZmb80Ijf8/JeV6rlFrx+AXcxp6cgsnUV6uUbsbOmuoXpkK7GsStOBDDfuEAdgg3N5mGsdvYOBoHa+ouFmVOH+Jb9LMnOIiN+JIWtjPPCGPpZwb8S/HU+APop2XlShWUqwAAAABJRU5ErkJggg=='
},{
name:'1',
value:24,
symbolSize: ['19', '22'],
symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAB0klEQVQ4jZ3UT4iNURjH8c/l0jR3oSlybW5J/iwYmkhJiihN2CghaqaI8neBBaUsZCELkmIxhYWFUkpTY6NZKKEURSnKXV0LCXNDV8PivPfOceadccdv9Z6n5/m+v3POc57C3A8j2tRi/MbbOFirlFrf09olYTse4yj60ZkmTAU2hNm4jAGcSeunAnuJRrQ+hUa5Wr/6P7AGbgjnBsWsfn+5Wt9artY7Cm1cwCxsxlJcwjJcy9axrhdzikvoxQaszoqbeftwEj04ji14gGG8iJ0VcBjn0PUPt49wCG/yWqMg3NCVHNDXHNh63EmDTdgx9E3gYg2e5cQXGtt+C9Yh9MxE6hZ6LFUnVqawdUIzpjqC+5mzAWxCGRejnG1xQVF4c3laLmx9OuZhl3CmS6KcXpyOnf1IIB+xE2uFvvqMd6higXBZTXWXq/UZMexVAuvCfKzCCeFhD2EQr5PcAubEsKd4HyXMxAXsxQju4VOWtyKBjWbOW7BRnDVePZmb80Ijf8/JeV6rlFrx+AXcxp6cgsnUV6uUbsbOmuoXpkK7GsStOBDDfuEAdgg3N5mGsdvYOBoHa+ouFmVOH+Jb9LMnOIiN+JIWtjPPCGPpZwb8S/HU+APop2XlShWUqwAAAABJRU5ErkJggg=='
},{
name:'1',
value:24,
symbolSize: ['19', '22'],
symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAB0klEQVQ4jZ3UT4iNURjH8c/l0jR3oSlybW5J/iwYmkhJiihN2CghaqaI8neBBaUsZCELkmIxhYWFUkpTY6NZKKEURSnKXV0LCXNDV8PivPfOceadccdv9Z6n5/m+v3POc57C3A8j2tRi/MbbOFirlFrf09olYTse4yj60ZkmTAU2hNm4jAGcSeunAnuJRrQ+hUa5Wr/6P7AGbgjnBsWsfn+5Wt9artY7Cm1cwCxsxlJcwjJcy9axrhdzikvoxQaszoqbeftwEj04ji14gGG8iJ0VcBjn0PUPt49wCG/yWqMg3NCVHNDXHNh63EmDTdgx9E3gYg2e5cQXGtt+C9Yh9MxE6hZ6LFUnVqawdUIzpjqC+5mzAWxCGRejnG1xQVF4c3laLmx9OuZhl3CmS6KcXpyOnf1IIB+xE2uFvvqMd6higXBZTXWXq/UZMexVAuvCfKzCCeFhD2EQr5PcAubEsKd4HyXMxAXsxQju4VOWtyKBjWbOW7BRnDVePZmb80Ijf8/JeV6rlFrx+AXcxp6cgsnUV6uUbsbOmuoXpkK7GsStOBDDfuEAdgg3N5mGsdvYOBoHa+ouFmVOH+Jb9LMnOIiN+JIWtjPPCGPpZwb8S/HU+APop2XlShWUqwAAAABJRU5ErkJggg=='
}]
}]
}
效果二
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/027fe972f71a4e152e098ccdc6737dc3.png)
const coalLineOption = {
title:{
text:'dkfjdkfjd ',
left:'center',
top:'top',
textStyle:{
color:'#fff',
fontSize:30
}
},
legend:{
data:[{
name:'日最大负载率',
icon:'rect'
}],
textStyle:{
color:'#6ab0ff',
fontSize:24
},
top:'10%',
itemWidth:58,
itemHeight:8
},
tooltip: {
trigger: 'axis',
formatter:'',
axisPointer: {
show:false,
type:'line',
lineStyle: {
type:'dashed',
color: '#53658c',
width: 2,
}
}
},
grid: {
left: '0',
right: '5%',
bottom: '10%',
top: '20%',
containLabel: true
},
xAxis: [
{
type: 'category',
boundaryGap: false,
axisLine: {
lineStyle: {
color: '#17104c'
}
},
axisLabel: {
margin: 10,
formatter: '{value}',
textStyle: {
fontSize: 22,
color: '#c3fbff'
}
},
axisTick: {
show: false
},
data: [3,6,9,23,45,56,78,89]
}],
yAxis: [{
type: 'value',
name: '(%)',
nameTextStyle:{
color: '#6ab0ff',
fontSize:22,
padding:[0,50,0,0]
},
axisTick: {
show: false
},
axisLine: {
show:false,
lineStyle: {
color: '#0E2A43'
}
},
axisLabel: {
show:true,
margin: 10,
textStyle: {
fontSize: 22,
color: '#6ab0ff'
}
},
splitLine: {
show: true,
lineStyle: {
color: '#201b55',
width:2
}
},
data:[5,6,7,23,12,23]
}],
series: [{
name: '日最大负载率',
type: 'line',
smooth: true,
symbol: 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIxOTlCQkMxOEMyMzExRTk5OUEyREFFNTQ1QzJFMDAyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIxOTlCQkMyOEMyMzExRTk5OUEyREFFNTQ1QzJFMDAyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjE5OUJCQkY4QzIzMTFFOTk5QTJEQUU1NDVDMkUwMDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjE5OUJCQzA4QzIzMTFFOTk5QTJEQUU1NDVDMkUwMDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4S/U3WAAAFN0lEQVR42rya348UNwzHk0z2btkeBXEStE+0UtXHtiD+AP7/Fw5eQAgJeDuqXlUV7sfu7UyYIAf5vms7mWXESNbkfkwmn7Fjx068S8l94+UrP1tXqvw86Yp7DtxPgPETBp+EdpobxgsAXgD0E7TDB5sMAA//szeMNlBLNHj86gijiWs1xdioDRxwENrBgHMCCJcB7thuAooVEK+AaIJw2pwZBAgUD0BJmVMmjDc0UQbdsXsHv0M4NDNp8D2787YHYFNDsRFEgogMhrc7gPGCiQ0w+CxbaHsAdTWgWJnwCBHZ4LksWFsCcoJW+MCzXLN2YHBoqgPry2swFkgHEAuQAwCKgnZQK1sA2dD9WtBqDx99YH1+BYqNJtYBxAHIIQNaMA0F5ggcaGXLBr+hZzbsOc1Ek/K3rzAYExAiChAZYAn38rcIQByGm9aGZA0arbl2jFVftGM5AEkrBSLLLYK4xdqHDCrCV04AU0CuSKIy1zAeBUE7O5rR5gpqpYCsQDhUMbnSh2O23zPTyhCXArwWYAcl6O5oRgKKglYKyA8kR6y9IpglzJ2iGT5XikYuGEwQPJcUlwJzAqIDQE8maaYMtMDcHuVHArpNv8uwD0b5dZR7DKwA/DvK21E+kFY4uFcCK49HHYDcCJp+gplxzRwRSJY7BPPTKH+Mcl+YuGU+3SHQv0d5Mcop04qDudWDC+dQqB1vaSYIIEswsyMa3N1Rfhvl0YS0IgM/HeXZKG8YyLYi2upCjDM1zaCZZfl9lMcTs8zy/if0vlfMy10zb7dhcchcLsXGYGnNm2xaf+0Bwj9ifv4/ijfFMSzpvhDilphuhEqc0dwzjy+PwP3uc3UEtAL3fgBesbOCalDWZqFhFZBN7udRjt081zFp+VAAiUKKsZOih4YVgDaHsjx0814PhfWdlieZmqkBSavnezPDHAsgXQOId0Jq6xW4oMAtZ4ZZVVJxs2YXJpSXJM0dzAwTKytmb9XlQqWulSrVlX5mmG1DmUktHIaG6qFWRelpkTjndSEsKvn7zYJGqHz5wSg+ZDmbGeaM1QJ6KGgMQgpwAyo0guDCr6S772eGec/63gJUDWgnEdKW31h4KKnu6YzaOaP+1uwdFlTS5oymGdTGBjLEbOMnMziCnvq5oH6vBCBeIFQ1o9V+Na3wDPGcvubJN+ytJHr+lPq7YO+wtLMz7thQbeQgawayYOnua/L3f05cdOb+n9Pz/4/yifouQGtDOzuF9aiYGQfidS1Jiqm+pJRYyzTxKpnmBwLJ8pEBXQpAKkiBqZlYJwB1sMQoFcr84n+oBvALrbVW9MyWBpkn+juCKKb6iUA4jKQZ09QszaCZaRleYhliMcGP5GYXQt2suN41cyLnDOpccASWExDT5qTUg6VFH64OePloCbkIwmjOhMulMWfUWBOFivoA2wlbYzcsQYVyCSXaKRXNS7hr7lmNNdGo4ZbNnl4Akar5ZWBYzZRqzb0QgK/grsWZXttNQ8042KXqhSU3miOHkbJESZPSLsBaqMhcV9yyq2lGcgSWk+Aw0v6MtKVR25+R1me9UWsWHQBuCll5DsLMuXMmVTC1GGMGTQ+7wlpAxQFpObsT+pTSCr6v2ZICVDdopfXVADAdg+pY3Xfu3eYBTGuoHXqIjQcGBnAQgRWue6MA4Stmqp0BGBogms4BSM7ACxuiw3c8oZGU7T+obNhHtKwDPy3nZ7QTGq3nZpKxjzkZRivxfI9TTamhUrQXjDO+tnX2TNOMZdKuoWI0C4yrDHafbY1UgW2+PgswABXtfEsliz0qAAAAAElFTkSuQmCC',
symbolSize: [51,51],
showSymbol: false,
lineStyle: {
normal: {
width: 6,
color:'#02d4df',
opacity: 0.9
}
},
areaStyle: {
normal: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{//'rgba(7, 76, 122, 1)'
offset: 0, color: 'rgba(1, 241, 245, 1)' // 0% 处的颜色
}, {
offset: 1, color: 'rgba(10,0,65, 0.1)' // 100% 处的颜色
}],
globalCoord: false // 缺省为 false
},
}
},
itemStyle: {
normal: {
color: '#00f0ff',
borderColor: '#00f0ff',
borderWidth: 1
}
},
markLine: {
silent: false,
label:{
show:false
},
lineStyle:{
width:2,
color:'#0fff00'
},
symbol:'none',
data: [{
yAxis: 50
}]
},
data: [1,123,34,543,45,23,43,45,23]
} ]
};