【无标题】

DevExpress_DiagramControl_DiagramOrgChartController 实现树状图，思维导图（C#+Winform+DevExpress20.1）

起初是想将数据做成知识图谱的形式并可视化，考虑过webBrowser控件+js界面显示，但是webBrowser发生了卡顿，没有成功显示，所以改用了这种方法。搜索资料的时候发现网上的记录比较少，我是在DevExpress社区找到的答案，并摸索出来的。在此记录一下，以便观看。

创建

• 首先创建一个panel或者Form容器，然后将DiagramControl拖拽进去，然后点击右上角的小三角号，点击Add OrgChartController。网格线之类的属性也在这里设置，不想要网格线的同学可以对着我的截图更改一下选项。如图所示：
  

• 坑一：这里需要注意，KeyMember是节点自身的编号，绑定的数据是我后台数据对象的ID属性，Parent Member是父节点的编号，同样绑定的是我后台数据对象的ParentID属性，一定一定要在这个地方绑定好，不然的话后台数据不会显示。官网还有一个提示的地方，数据显示只能绑定强数据类型，所以从数据库读取数据的同学要注意一下了。不明白的的可以去https://supportcenter.devexpress.com/ticket/list?searchString=DevExpress%20&sorting=Relevance这里搜一下，一般输入插件名，顺着找就可以了。

• 点击Run Template Designer后，进入设计界面，如图在Template Designer中选一个模板，然后绑定数据就可以。
  

• 绑定数据的时候，点击图上右下角，长得像数据库的按钮就可以输入信息了，输入的信息要和你数据对象的属性名称一致，不然也是绑定不上。
  

• 到这里，前端工作就准备好了，基本上坑就踩完了，后面的数据部分，我放上一个sample链接，大家去官网下载https://sc-cdn.devexpress.com/clientcenter/3c978e19-e24c-43bb-b98a-394fffeecde4?sv=2020-08-04&se=2022-11-14T02%3A08%3A16Z&sr=b&sp=r&rscd=attachment%3Bfilename%3D%22sample.zip%22&rsct=application%2Foctet-stream&sig=rCYgjl%2FrSgVtwSFXXf4TnvwEVmzfXa%2Fvpt790wP85uk%3D。基本看一下例子就知道了。

• 设置水平显示还是垂直显示，需要设置DiagramOrgChartController 的OptionMindMapTreeLayout属性中的Orientation,最开始显示几层需要设置ExpansionDepth属性。
  
  好了，就先记录到这里。踩坑结束。看一下效果图把。