一些開發(fā)用到圖表,往往會用到第三方開源控件,但其實wpf、silverlight里本身就有。不過很多人抱怨,不美觀啊,不實用啊,屬性或接口太少之類的。但如果會用blend的話,這也都不是什么難事。自定義外觀什么的,然后數(shù)據(jù)展示人家本來就幫你做好的,所以還是可以基本滿足大多數(shù)項目的。這篇文章跟大家分享下chart中用blend改變layout的一個比較實用的方法。
用blend拖入一個chart,在design中你會看到這樣
如果你想在前臺展示兩個集合,那你可以直接賦值Chart中紅框的代碼
這樣就可以顯示出來多個拉!~
但是呢,很多項目要求 chart的legend橫向顯示,例如下圖。
那腫么做呢?不難,follow me!~
在Blend對象框里你展開Chart會看到以下的界面
然后呢,你就編輯這個Chart的控件模板,就會看到如下
這時候你點擊下Grid控件,
Design 里就會提示相應(yīng)的控件位置
當(dāng)然,代碼里也會提示對應(yīng)的控件
原來圖表和legend是兩列顯示的。那我們只要將兩列改成兩行就可以了。按紅框框里改喲。
還沒結(jié)束,雖然圖表分上下兩行顯示,但legend項還是豎著顯示的。所以要改變其itemspanel。
因為我改好了,大家選擇的時候應(yīng)該木有 Edit Current的。選擇Edit a copy喔。
這時你會發(fā)現(xiàn)默認(rèn)的ItemsPanel是Stackpanel。把它替換成Wrappanel就可以了。
最后,最后,返回上一級,還是來到chart模板編輯的狀態(tài)。
給legend增加一個橫向居中的屬性
OK,大功告成!~謝謝觀賞~歡迎提意見~