2011-04-27 82 views
0

一個水平棒圖我是比較新的。淨MVC 3(使用剃刀語法)和我堅持用小的要求。實現在MVC 3

我有在它兩個字符串值(保守溫和)一dropdpwn。每個字符串值都與來自模型的相應的「Min」,「Max」和「Avg」值相關聯。現在我必須顯示x值(保守,中等)和y值(0%到100%)的水平條形圖。現在,無論何時我選擇一個下拉值,圖表都應該以這樣一種方式進行更新:它應該在Y軸上爲Minimal和Max之間的區域着色Conservative,Moderate,並顯示Min(Eg; 10 %)和Max(例如:50%)的值作爲所選下拉值。 此外,當選中複選框(在下拉菜單下方)時,相應的「平均」值應作爲保守,中等(x值)圖上的指針顯示。

謝謝!

回答

0

你必須這樣做(甚至不僅僅是這更) 1.執行它的「MVC」的方式和使用jQuery的幾種方法:)每個人都在做它:)
使用的jQuery插件圖一: http://workshop.rs/jqbargraph/

  1. 使ajax調用一個aspx頁面,您可以在其中使用web表格圖表控件。
  2. 使用局部視圖作爲圖形。把它放在ajax.beginform中。選擇下拉值會導致回發到控制器方法,該方法打包數據 - 可能是內聯圖像(您可以將字節完全編碼爲html格式的圖像,因此不需要單獨的調用來加載圖像) 簡單值變成了一個模仿條形圖的html div。

個人 - 我會選擇#1

+0

快速回復感謝。但是,正如我所說的,我對如何實施解決方案缺乏瞭解。那麼,您能否爲我提供MVC方式(剃鬚刀引擎)的樣本解決方案文件。我爲我的無知道歉。 – dotnetbeginner 2011-04-27 15:26:37

+0

但是,正如我所說的,我對如何實現您的解決方案有一點點想法。那麼,您能否以MVC方式(剃鬚刀引擎)向我提供我的問題樣本解決方案文件。我爲我的無知道歉。 – dotnetbeginner 2011-04-28 13:51:36