在 mvc 3 中实现水平条形图答案

【问题标题】：implementing a horizontal bar graph in mvc 3在 mvc 3 中实现水平条形图
【发布时间】：2011-04-28 21:50:45
【问题描述】：

我对 .Net MVC 3（使用 Razor 语法）相对较新，我遇到了一个小要求。

我有一个包含两个字符串值（保守、中等）的 dropdpwn。每个字符串值都与其对应的来自模型的“Min”、“Max”和“Avg”值相关联。现在我必须显示一个带有 x 值（保守、中等）和 y 值（0% 到 100%）的水平条形图。现在，每当我选择一个下拉值时，图表应该以这样的方式更新，它应该在 y 轴上为保守、中等的“最小”和“最大”值之间的区域着色，并显示最小值（例如 10 %) 和 Max(Eg; 50%) 值在其顶部用于选定的下拉值。另外，当检查复选框（下拉列表下方）时，应将相应的“平均值”值显示为保守，中等（x值）的图表的指针。

。

谢谢！！

【问题讨论】：

标签： asp.net-mvc-3

【解决方案1】：

你有几种方法可以做到这一点（甚至不止这个） 1. 使用“MVC”方式并使用 jQuery :) 每个人都在这样做:)
使用 jQuery 图形插件之一： http://workshop.rs/jqbargraph/

在您使用 Web 表单图表控件的地方创建一个 ajax 调用一个 aspx 页面。
使用局部视图作为图表。把它放在 ajax.beginform 中。选择下拉值会导致回发到打包数据的控制器方法 - 可能是内联图像（您可以将字节完全编码为 html 中的图像，因此不需要单独调用来加载图像）只是将值转换为模仿条形图的 html div。

就个人而言 - 我会选择 #1

【讨论】：

感谢您的快速回复。但是，正如我所说，我对如何实施您的解决方案知之甚少。那么，您能否为我提供 MVC 方式（剃须刀引擎）的示例解决方案文件。我为我的无知道歉。
但是，正如我所说，我对如何实施您的解决方案知之甚少。那么，您能否以 MVC 方式（剃须刀引擎）为我的问题提供一个示例解决方案文件。我为我的无知道歉。