页面树结构
转至元数据结尾
转至元数据起始

(本文档仅供参考)

问题1

我想实现折线图上的点加外圈的效果,同时还带有一些阴影的效果,如下图:

解决方案

可以使用扩展属性实现,如下:

{
    "series": [{
        "symbol": 'circle',
        "symbolSize": 20,
        "lineStyle": {
            "normal": {
                //线的颜色
                "color": "#00ca95",
                "shadowColor": 'rgba(0, 0, 0, 0.3)',
                "shadowBlur": 0,
                "shadowOffsetY": 5,
                "shadowOffsetX": 5,
            },
        },
        "label": {
            "show": true,
            "position": 'top',
            "textStyle": {
                //线上字体颜色的设置
                "color": '#00ca95',


            }
        },

        "itemStyle": {
            //面积图里的颜色和圆点里的颜色
            "color": "#00ca95",
            //圆点外的颜色
            "borderColor": "#fff",
            //圆点的宽度
            "borderWidth": 3,
            //圆点影子的颜色
            "shadowColor": 'rgba(0, 0, 0, 0.3)',
            //阴影的模糊级数
            "shadowBlur": 0,
            //阴影的偏移效果
            "shadowOffsetY": 2,
            "shadowOffsetX": 2,
        }
    }]
}
  • 无标签