UXChart虽然是WebUI Studio今年才推出的图表控件，但以功能简约却不简单，实用性非常强而受到关注。下面慧都就以一个最终用户经常提到的需求——下钻功能为例，来讲讲UXChart强大的实用性。

　　向下钻取这个功能如今已经不单单在报表中流行了，一个好的图表工具一定也要具备此功能，从每年钻取到每月或从类别钻取到单个项目等等等等。UXChart能够帮助开发者快速在单个数据源中，创建无限下钻层级的图表。

　　用一个简单的下钻图表的例子来展示这一功能，如果需要用一个图表来说明一个主从报表，那下钻图表就是最好的选择。

　　创建下钻图表的步骤也非常简单，首先使用UXChart中的Child属性，来指定图表和需要展示详情的原始图表。具体来说，所有图表集合都需要被定义成视图中的第一位置。在第一次加载的时候，只能展示一个图表，其他的图表的可见性都应该被设置为折叠。详见以下代码：

<dataVisualisation:UXChart x:Name="Chart1" Visibility="Visible" Child="{Binding ElementName=Chart2}"
                        DrillDownCommand="{Binding DrillDownCommand}">
</dataVisualisation:UXChart>

<dataVisualisation:UXChart x:Name="Chart2" Visibility="Collapsed"  >
</dataVisualisation:UXChart>
Next, we need to hook our custom command to control the drilldown action, we called it DrillDownCommand.
  public DelegateCommand DrillDownCommand { get; set; }
And then we assign DrillDownCommand to some execute the method in our ViewModel.
 this.DrillDownCommand = new DelegateCommand(ExecuteDrillDown); 
In the execute method, we can initialize the data from the data source and retrieve detail information about the chart itself.
    
private void ExecuteDrillDown(object parameter)
{
   UXChartDrillDownCommandArgs args = parameter as UXChartDrillDownCommandArgs;

   if (args.Level == 1)
   {
     Data parent = args.DataPointContext as Data;
     if (parent != null)
     {
       InitializeDataByArea(parent.Area);
     }
   }
}

　　总之，使用UXChart让创建带有向下钻取功能的图表非常简单，而且还是无限层级的，欢迎下载试用。

0

好文不易，鼓励一下吧！