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