How to embed Devexpress Dashboard into an XAF application for both Windows and the Web

For versions 16.2+

In the version 16.2, The Dashboards Module is introduced to simplify the integration of DevExpress Dashboard controls with WinForms and ASP.NET XAF applications.

For versions prior to 16.2

I investigated your scenario and created a simple XAF application that shows data from a database using the XtraDashboard control. See the attached file for a complete solution.
In this solution, I introduced the following items:
- a new MyClass class (see the Solution2.Module\MyClass.cs file):

C#
[DefaultClassOptions, NavigationItem("XtraDashboard Demo")]  
public class MyClass : BaseObject {  
    public MyClass(Session session) : base(session) { }  
    public string MyProperty1 { get; set; }  
    public string MyProperty2 { get; set; }  
    public string MyProperty3 { get; set; }  
    public string MyProperty4 { get; set; }  
}  

Code
  
  

- a new Dashboard with a BindingSource object as a datasource (see the Solution2.Module\XtraDashboard1.cs file)
- a Model ViewItem interface (see the Solution2.Module\IModelXtraDashboardViewItem.cs file):

C#
public interface IModelXtraDashboardViewItem : IModelViewItem { }  

- a new Navigation item with a XAF DashboardView (see the Solution2.Module\Model.DesignedDiffs.xafml file):

XML
<Application>  
  <NavigationItems>  
    <Items>  
      <Item Id="XtraDashboard Demo" Caption="XtraDashboard Demo" IsNewNode="True">  
        <Items IsNewNode="True">  
          <Item Id="XtraDashboardDemo" ViewId="XtraDashboardDemo_View" Caption="XtraDashboard Demo" IsNewNode="True" />  
        </Items>  
      </Item>  
    </Items>  
  </NavigationItems>  
  <Views>  
    <DashboardView Id="XtraDashboardDemo_View" Caption="XtraDashboard Demo" IsNewNode="True">  
      <Items IsNewNode="True">  
        <XtraDashboardViewItem Id="XtraDashboardViewItem1" IsNewNode="True" />  
      </Items>  
      <Layout IsNewNode="True">  
        <LayoutGroup Id="Main" IsNewNode="True">  
          <LayoutItem Id="XtraDashboardViewItem1" ViewItem="XtraDashboardViewItem1" Index="0" IsNewNode="True" />  
        </LayoutGroup>  
      </Layout>  
    </DashboardView>  
  </Views>  
</Application>  

- a custom WinForms ViewItem class with a DashboardViewer component that is associated with the created Dashboard component (see the Solution2.Module.Win\XtraDashboardViewItem.cs file):

C#
[ViewItem(typeof(IModelXtraDashboardViewItem))]  
public class XtraDashboardViewItem : ViewItem, IComplexViewItem {  
    public XtraDashboardViewItem(IModelXtraDashboardViewItem modelViewItem, Type objectType) : base(objectType, modelViewItem.Id) { }  
    protected override object CreateControlCore() {  
        objectSpace = application.CreateObjectSpace();  
        UserControlWithDashboard1 control = new UserControlWithDashboard1(objectSpace.CreateCollection(typeof(MyClass)));  
        return control;  
    }  
    protected override void Dispose(bool disposing) {  
        if (objectSpace != null) {  
            objectSpace.Dispose();  
        }  
        base.Dispose(disposing);  
    }  
    private IObjectSpace objectSpace;  
    private XafApplication application;  
    public void Setup(DevExpress.ExpressApp.IObjectSpace objectSpace, DevExpress.ExpressApp.XafApplication application) {  
        this.application = application;  
    }  
}  

- a custom ASP.NET ViewItem class with a ASPxDashboardViewer component that is associated with the created Dashboard component (see the Solution2.Module.Web\ASPxDashboardViewItem.cs file):

C#
[ViewItem(typeof(IModelXtraDashboardViewItem))]  
public class ASPxDashboardViewItem : ViewItem, IComplexViewItem {  
    public ASPxDashboardViewItem(IModelXtraDashboardViewItem modelViewItem, Type objectType) : base(objectType, modelViewItem.Id) { }  
    protected override object CreateControlCore() {  
        objectSpace = application.CreateObjectSpace();  
        ASPxDashboardViewer viewer = new ASPxDashboardViewer();  
        viewer.RegisterJQuery = true;  
        viewer.DataLoading += viewer_DataLoading;  
        viewer.DashboardSource = typeof(Solution2.Module.XtraDashboard1);  
        return viewer;  
    }  

    void viewer_DataLoading(object sender, DataLoadingWebEventArgs e) {  
        e.Data = objectSpace.CreateCollection(typeof(MyClass));  
    }  
    protected override void Dispose(bool disposing) {  
        if (objectSpace != null) {  
            objectSpace.Dispose();  
        }  
        base.Dispose(disposing);  
    }  
    private IObjectSpace objectSpace;  
    private XafApplication application;  
    public void Setup(DevExpress.ExpressApp.IObjectSpace objectSpace, DevExpress.ExpressApp.XafApplication application) {  
        this.application = application;  
    }  
}  

Note that starting from version 15.1, the ASPxDashboardViewer.RegisterJQuery property is obsolete, and you need to use the embedRequiredClientLibraries configuration file's attribute, as described in the Embedding Required Client Libraries topic.
The 'XtraDashboardInXaf.png' and 'ASPxDashboardInXaf.png' screenshots demonstrate the resulting WinForms and ASP.NET applications.
Note that this approach is appropriate to integrate any your custom WindowsForms/ASP.NET solution to an XAF application. Note that XAF features like Security, Validation or ConditionalAppearance will not be attached to your controls and you need to implement them manually like in a common WindowsForms application.
Alternatively, you can use XAF DashboardView to build a simular user interface and use XAF features. Note that this solution is not based on the XtraDashboard component so some features will not be available.