ArcGIS API for Silverlight应用开发系列（1）自定义专题图

ArcGIS API for Silverlight 中提供的内置专题渲染类型包括简单符号化、唯一值符号化和分级符号化，如果想要实现其他的专题类型，如饼图、柱状图、仪表盘等，则需要

通过自定义开发的方式进行扩展。

自定义专题图类型的基本思路是使用ElementLayer与图表控件（如开源的 Visifire）相结合，在 ElementLayer 的 Children集合中添加图表对象（UI元素）。

实现一个专题图类型的基本思路：

1) 获取专题数据（例如通过 QueryTask从服务器获取） ；

2) 计算要素的标注点（GeometryService 的 LablePoints 方法） ；

3) 根据专题数据生成图表（调用图表控件） ；

4) 将图表添加到 ElementLayer 中（计算图表的大小、位置） 。

下面将通过示例展示如何创建自定义专题图。

核心代码

处理专题数据查询结果 
void queryTask_ExecuteCompleted(object sender, QueryEventArgs e)
{
    // 遍历查询结果（待绘制的专题数据）    
    foreach (Graphic feature in e.FeatureSet.Features)     
    {         
        // 计算要素的标注点        
        GeometryService gpLabelPoints=newGeometryService(_geoServiceUrl); 
        IList<Graphic> lstGraphics= new List<Graphic>();        
        lstGraphics.Add(feature);        
        gpLabelPoints.LabelPointsAsync(lstGraphics); 
        // 记录要素的属性（计算标注点后将失去属性）        
        IDictionary<string, double> dicGraphicAttr = newDictionary<string, double>();        
        foreach (KeyValuePair<string, object> item in feature.Attributes)        
        {     
            //不包含比例字段            
            if (!_isIncludeScaleField && _scaleField != "")           
            {                 
                if(_scaleField.ToLower() == item.Key.ToLower()) continue;            
            } 
            string value = item.Value.ToString();            
            double dValue;            
            if (double.TryParse(value, outdValue))            
            {                
                dicGraphicAttr.Add(item.Key,dValue);            
            }       
        } 
       // 计算图表的半径        
       double dRadius = _radius;        
       if (_isUseChartScale == true)        
       {            
           if (_scaleField != "" && feature.Attributes.ContainsKey(_scaleField))
           {                
               object oValue =feature.Attributes[_scaleField];                
               if (oValue != null)                
               {                    
                   double dScaleValue =Convert.ToDouble(oValue);                   
                   dRadius = CalcRadius(dScaleValue);                
               }            
            }        
        } 
        //通过Lamda表达式实现对属性的访问（LabelPoint得到的Graphics没有属性）       
        gpLabelPoints.LabelPointsCompleted += (object sender2, GraphicsEventArgsargs) =>        
        {            
            // 获取要素标注点            
            MapPoint mapPoint = args.Results[0].Geometry as MapPoint;             
            // 计算图表的外包矩形            
            Envelope extent = newEnvelope(mapPoint.X - dRadius, mapPoint.Y - dRadius, mapPoint.X + dRadius,mapPoint.Y + dRadius); 
            // 创建图表            
            Chart chart = newChart();            
            chart.View3D =_isView3D; 
            DataSeries dataSeries = new DataSeries();            
            dataSeries.RenderAs =_chartType;
            // 图表类型（饼图、柱状图等）           
            dataSeries.LabelEnabled = false;            
            dataSeries.LabelLineEnabled =false; 
            // 添加图表数据（如饼图的饼块、柱状图的柱条等）            
            foreach(KeyValuePair<string, double> dataItem in dicGraphicAttr)            
            { 
                DataPoint dataPoint = newDataPoint(); 
                dataPoint.AxisXLabel = dataItem.Key; 
                dataPoint.YValue =dataItem.Value; 
                dataSeries.DataPoints.Add(dataPoint); 
            }
            chart.Series.Add(dataSeries);  
            // 设置其他属性  
            chart.Background= null;  
            chart.BorderBrush =null;  
            chart.IndicatorEnabled= false;  
            chart.LightingEnabled = false; 
            ElementLayer.SetEnvelope(chart, extent);// 指定图表的外包矩形 
            // 将图表添加到ElementLayer中  
            _themeLayer.Children.Add(chart);  
        };  
    }
}

下面是效果图

注：本例是使用的全国各省市的GDP产业数据以及能耗数据。

饼的大小一样（GDP产业结构）

饼的大小分级（大小表示GDP总量）

仪表盘专题（单位GDP能耗）

篇幅所限，只贴了核心代码，如需完整代码，请在评论住留下邮箱地址。

欢迎加入ArcGIS Silverlight API讨论群交流：147535735