asp.net c#MVC剃刀视图中的堆积柱状图

本文关键字：net c#MVC 剃刀 视图 asp | 更新日期: 2023-09-27 18:00:32

我正试图在asp.net c#中创建一个堆叠柱状图。我正在使用剃刀视图。为了找到解决方案，我搜索了很多，但得到的只是一段代码。由于我是asp.net的新手，我不知道如何创建图表。我从数据库中获取图表值。任何在剃刀视图中创建堆叠柱状图的工作示例都会对我很有帮助。我不想要任何付费的图表库。我有一个代码来创建barchart，但我不知道如何把它做成一个堆叠的图表。此外，我不确定图表值

var myChart = new Chart(width: 600, height: 400)
        .AddTitle("Chart Title")
        .AddSeries(
        name: "Employee",
            xValue: new[] {  "Peter", "Andrew", "Julie", "Mary", "Dave" },
            yValues: new[] { "2", "6", "4", "5", "3" })
        .Write();

提前感谢

asp.net c#MVC剃刀视图中的堆积柱状图

当你使用MVC和剃刀时，我认为你的项目是一个web应用程序。

在这种情况下，我强烈建议您使用HTML5画布进行图形处理。它的学习曲线有点高，但非常强大。

如果你想跳过数学和编程的困难，你也可以使用许多现有的图库中的一个。包括我写的一篇：

https://github.com/Bardobrave/Graph.js

这里有一些条形图的例子：

var barData = [[10, -20, 125, 230, -25, 245, 260, 20, 125, 125, 305, 110], [150, -50, 175, 280, -75, 295, 210, -70, 185, -20, 355, 160]];
var container = document.getElementById("graphContainer");
var myGraph = new BarGraph(container);
myGraph.draw({
    data: barData,
    colors: ["#0F0", "blue"],
    labelsX: ["JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DIC"],
fontSize: "9px"
});

http://jsfiddle.net/bardobrave/exqLtyme/

High Charts for.NET一直是我的goto解决方案，您可以参考它们的库，并根据您的数据以本机方式生成图表图像
他们还有一个JS库，如果你喜欢这种路线，可以在你的视图中动态生成图表。

相关文章：