Asp.net mvc 3 在MVC3中实现水平条形图

我对.NETMVC3（使用Razor语法）相对来说比较陌生，我被一个小需求所困扰

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

---

谢谢

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

在使用web表单图表控件的aspx页面上进行ajax调用

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

---

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

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