下載Mindfusion最新版本

在本文中，我們將使用WPF Diagram組件來構(gòu)建魚骨圖，如下面引用的維基百科“Ishikawa圖”文章中所述：

“Ishikawa圖表（也稱為魚骨圖，人字形圖，因果圖或Fishikawa）是Kaoru Ishikawa創(chuàng)建的因果圖，顯示了特定事件的原因。

Ishikawa圖的常見用途是產(chǎn)品設(shè)計(jì)和質(zhì)量缺陷預(yù)防，以確定導(dǎo)致整體效果的潛在因素。不完美的每個(gè)原因或原因都是變異的來源。原因通常分為主要類別，以識(shí)別和分類這些變異來源。

本教程將演示使用WPF圖庫(kù)創(chuàng)建相同的圖表并編寫幾行代碼是多么容易。這是最終的圖表：

帶有MindFusion WPF圖庫(kù)的WPF中的Ishikawa（魚骨）圖

I.一般設(shè)置

我們?cè)赩isual Studio中創(chuàng)建一個(gè)名為“Fishbone”的空WPF項(xiàng)目。在那里我們創(chuàng)建一個(gè)Assemblies文件夾，我們放置必要的dll-s：

• MindFusion.Common.dll
• MindFusion.Diagramming.Wpf.dll

然后在MainWindow.xaml文件中，我們創(chuàng)建一個(gè)映射到Diagramming命名空間：

<Window x:Class="Fishbone.MainWindow"
        xmlns=

然后我們?cè)谀J(rèn)的Grid WPF控件中創(chuàng)建圖表：

<Grid> <diag：FishboneDiagram x：Name = “fdiag” /> </ Grid>

該代碼創(chuàng)建了一個(gè)名為“fdiag” 的FishboneDiagram *類的新實(shí)例。我們可以使用此名稱來訪問代碼中的對(duì)象。

II.圖數(shù)據(jù)

FishboneDiagram類公開了一個(gè)ItemsSource屬性，該屬性為圖提供數(shù)據(jù)。數(shù)據(jù)是一個(gè)對(duì)象，包含主要子句的標(biāo)簽和包含子條款標(biāo)簽的列表。我們創(chuàng)建了一個(gè)名為FBClause的特殊類，它將代表每個(gè)魚骨：

public class FBCause
	{
		public FBCause()
		{
			SubCauses = new List();
		}
		public string Label { get; set; }

接下來，我們以這種方式創(chuàng)建必要的魚骨：

var c1 = new FBCause { Label = "Measurements" };
c1.SubCauses = new    

完成所有魚骨之后，我們創(chuàng)建模型，它將作為fdiag對(duì)象的數(shù)據(jù)源：

var model = new List { c1, c2, c3, c4, c5, c6 };

III.構(gòu)建圖表

現(xiàn)在數(shù)據(jù)已準(zhǔn)備就緒，我們可以將它分配給FishboneDiagram類的ItemsSource屬性：

fdiag.ItemsSource = model;

我們將使用LabelPath和SubCausesPath屬性將FBClause對(duì)象的相應(yīng)字段綁定到FishboneDiagram的正確數(shù)據(jù)屬性：

fdiag.LabelPath    

如果您的模型的子條款是對(duì)象而不是我們的FBClause類中的字符串，則應(yīng)使用SubLabelPath屬性來設(shè)置將為子條款標(biāo)簽提供數(shù)據(jù)的字段的名稱。

最后，我們調(diào)用圖的ResizeToFitItems方法來確保所有魚骨都可見：

fdiag.ResizeToFitItems(30);

編譯并運(yùn)行樣本，您將看到完美的魚骨圖。您可以從此鏈接下載示例以及所有必需的dll-s：

* FishboneDiagram類將與WPF Diagram Tool的下一版本正式發(fā)布。 關(guān)于WPF的圖表：這是在WPF中創(chuàng)建始終滿足您要求的流程圖的正確工具。該庫(kù)提供100多個(gè)預(yù)定義的節(jié)點(diǎn)形狀，廣泛的事件集和超過15個(gè)出口商和進(jìn)口商。您構(gòu)建的每個(gè)圖表都具有完全可自定義的流程圖的每個(gè)部分的樣式，主題和外觀屬性外觀。眾多示例和詳細(xì)文檔可幫助您快速了解如何將組件集成到您自己的應(yīng)用程序中。

購(gòu)買Mindfusion正版授權(quán)，請(qǐng)點(diǎn)擊“”喲！