页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。
评论: 从版本4恢复

...

代码块
themeEclipse
languagejs
firstline1
linenumberstrue
{
    "series": [{
        "stack": "aaa",  //柱图堆积名称
        "z": 3           //设置z值,此值越大越显示在最上层
    }, {
        "stack": "aaa",	 //柱图堆积名称
        "z": 3
    }, {
        "z": 2,         //设置z值,此值越大越显示在最上层,面积图的设置为2,保证柱子不会被面积图覆盖
        "itemStyle": {
            "normal": {
                "color": "blue"   //面积图边线颜色
            }
        },
        "areaStyle": {
            "normal": {
                "color": {
                    "x": 0,
                    "y": 0,
                    "x2": 0,
                    "y2": 1,
                    "type": "linear",
                    "global": false,
                    "colorStops": [{
                        "offset": 0,
                        "color": "blue"   //渐变色主色
                    }, {
                        "offset": 1,
                        "color": "#eeee"   //此处颜色可随意
                    }]
                }
            }
        }
    }]
}

实现效果:

Image Modified

 

2、地图背景透明度,可参考如下扩展属性设置:

代码块
themeEclipse
languagejs
firstline1
linenumberstrue
    {
    "geo": {
        "itemStyle": {
            "normal": {
                "borderWidth": 2,  //设置边线粗细度
                "opacity": 0.6,        //设置透明度,范围0~1,越小越透明
                "areaColor": "#63B8FF"    //地图区域颜色
            },
            "emphasis": {
                "areaColor": "#7FFF00"    //高亮时地图区域颜色
            }
        }
    }
}

...