regionalMap();
function regionalMap(){
var myChartFour = echarts.init(document.getElementById('regionalMap'));
optionFour = {
title: {
textStyle:{color:'#92b1d8',fontSize:'14'},
y:'bottom',
right:'34',
text: '单位:万人'
},
grid: {
left: '4%',
right: '2%',
top: '8%',
},
legend: {
textStyle:{color:'#92b1d8',},
y:'bottom',
right:'134',
data:[{name:'连网用户',icon : 'bar',textStyle:{fontWeight:'bold', color:'#24573b'}},
{name:'上网人数',icon : 'bar',textStyle:{fontWeight:'bold', color:'#722f2f'}},
{name:'有效认证',icon : 'bar',textStyle:{fontWeight:'bold', color:'#32446b'}},
]
},
tooltip : {
trigger: 'axis',
axisPointer: {
animation: false
}
},
xAxis : [
{
axisLabel: {
show: true,
textStyle: {
color: '#92b1d8'
},
},
type : 'category',
boundaryGap : false,
data: ['4.4','4.5','4.6','4.7','4.8','4.9','4.10']
}
],
yAxis: [
{
axisLabel: {
show: true,
textStyle: {
color: '#92b1d8'
},
},
splitLine: {
lineStyle: {
// 使用深浅的间隔色
color: ['#393e4c']
}
},
name: '',
type: 'value'
}
],
series: [
{
name:'连网用户',
type:'line',
showSymbol: false,
areaStyle: {normal: {}},
lineStyle: {
normal: {
width: 1
}
},
itemStyle:{
normal:{
barBorderColor:'#24573b',
color:'#24573b'
},
emphasis:{
color:'#24573b'
},
},
data:[50,40,30,60,90,80,70]
},
{
name:'上网人数',
type:'line',
showSymbol: false,
areaStyle: {normal: {}},
lineStyle: {
normal: {
width: 1
},
},
itemStyle:{
normal:{
barBorderColor:'#722f2f',
color:'#722f2f'
},
emphasis:{
color:'#722f2f'
},
},
data:[20,30,40,50,60,70,80]
},
{
name:'有效认证',
type:'line',
showSymbol: false,
areaStyle: {normal: {}},
lineStyle: {
normal: {
width: 1
}
},
itemStyle:{
normal:{
barBorderColor:'#32446b',
color:'#32446b'
},
emphasis:{
color:'#32446b'
},
},
data:[70,20,60,40,50,30,10]
},
]
};
myChartFour.setOption(optionFour);
}
ECharts堆叠区域图重叠显示
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
windows 环境下安装Apache2.4过程中遇到的错误
csdn怀
2020-06-20 08:16:15
ECharts浮动柱状图
function cityTimeCount(){ var myChartOne = echarts.init(document.getEl
轻风吹斜阳
2020-06-19 03:50:28
Eggjs笔记:接入微信支付相关流程与演示
Johnny丶me
2020-06-16 16:18:59
百度地图自定义覆盖物自定义信息框
轻风吹斜阳
2020-02-24 03:16:52
实现左边固定宽度右边自适应布局
轻风吹斜阳
2020-02-24 03:16:52
ECharts座标轴是否显示和修改显示颜色改变字体颜色
轻风吹斜阳
2020-02-24 03:16:52
ECharts基本设置设置
轻风吹斜阳
2020-02-24 03:16:52
Echarts自定义formatter
轻风吹斜阳
2020-02-24 03:16:52
ECharts地图应用定位
轻风吹斜阳
2020-02-24 03:16:52
百度地图canvas自定义轨迹
轻风吹斜阳
2020-02-24 03:16:52
记住账号密码的input背景是黄色的,并不是很丑,但是假如你不喜欢,可以来看看
彩笔_小qing
2020-02-20 21:59:50
页面滚动进度条 ( 兼容IE7及以上 )
彩笔_小qing
2020-02-20 21:59:50
PC端,浏览器兼容、IE兼容(圆角、阴影、透明)
彩笔_小qing
2020-02-20 21:59:50