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

地图分析报表,可以动态指定某个区域的边界颜色。

未改变颜色前,广东省的区域边界显示效果如下:

改变颜色后,广东省的边界显示效果如下:

 

 

1. 选中地图分析,右键选择 编辑宏 进入报表宏界面。然后在左侧的“客户端模块”上点击鼠标右键,选择“新建模块”菜单项。在出现的“新建模块”对话框上选择对象和事件。

2. 宏代码类型、对象和事件。

类型

对象

事件

ClientSide

chart

beforeRenderer

 

3. 在宏代码编辑框中输入如下的代码段。

//事件对象chart  事件:beforeRenderer
function main(chartView) {
    var chart = chartView.getChartObject(),
    options = chart.getOptions(),
    datas,
    point;
    if (options.series && options.series.length > 0) {
        //所有地图区域浮上的颜色是一样的
        /*options.series[0].states = {
            hover: {
                borderColor: "#ff0000"
                //,borderWidth: undefined
                //,brightness: 0.2 //浮动时,相对于区域非浮动时填充色的变化
                //,color: undefined, // 浮动时区域颜色,如"#ff0000"
                //,enabled: true
            }
        };*/
        datas = options.series[0].data; //代表地图区域,如果第一个不是只要搜索options.series[i].type == "map" 即可
        for (indx in datas) {
            point = datas[indx];
            if (point.name == "广东") {
                point.borderColor = "#ff0000";
                //point.borderWidth = 2;
                point.states = {
                    //鼠标移到区域的样式
                    hover: {
                        borderColor: "#ff0000"
                        ,borderWidth: 2
                        //,brightness: 0.2 //浮动时,相对于区域非浮动时填充色的变化
                        //,color: undefined, // 浮动时区域颜色,如"#ff0000"
                        //,enabled: true
                    }
                };
            }
        }
    }
}