Question

我们如何在MVC中使用图表控件，我需要的代码很少，只需要了解在MVC中创建图表控件的方法，比如如何绑定数据等。

尝试了几个样本，但无法理解该方法。

我只是尝试在我的视图中使用@Html.Chart()，但我无法使用它。

注意：我不想使用任何第三方控件。

Answer 1

这是我的剃刀视图代码，非常适合我。

@{
        var key = new Chart(width: 300, height: 300)
          .AddTitle("Employee Chart")
          .AddSeries(
              chartType: "Bubble",
              name: "Employee",
              xValue: new[] { "Peter", "Andrew", "Julie", "Dave" },
              yValues: new[] { "2", "7", "5", "3" });     
    }
    <!DOCTYPE html>
    <html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <div> 
            <div>
                @key.Write()
            </div>
        </div>
    </body>
    </html>

注意：此渲染以图像格式呈现。

如何使用图表控件

1 个答案: