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

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