在Razor asp.net中更改列间隔

时间:2015-07-22 07:43:29

标签: asp.net-mvc razor charts

我在剃刀中有一个图表,似乎它没有显示所有列名。我搜索了它,它似乎是关于列间隔的东西。 但是,我找不到它。谁知道怎么样? 我的代码:

@{

var db = Database.Open("InspectionBanqueContext");
var data = db.Query("SELECT count(code_ligneRapport) as nombre ,classe_anomalie as classe  FROM rapportAnomalie, ligneRapportAnomalie ,refAnomalie where  refAnomalie.code_anomalie=ligneRapportAnomalie.code_anomalie And ligneRapportAnomalie.code_rapport= 7  GROUP BY refAnomalie.classe_anomalie ");
var myChart = new Chart(width: 1000, height: 500, theme: ChartTheme.Green)
    .AddTitle("Classification des Rapport par nombre d'anomalie pour chaque classe")
    .AddSeries(chartType: "column",
         xValue: data, xField: "classe",
         yValues: data, yFields: "nombre")
         .SetXAxis("Classe")
         .SetYAxis("Nombre d'Anomalie")
         .Write();

}

1 个答案:

答案 0 :(得分:0)

我在一个示例项目中尝试了你的代码并且我找到为什么某些列缺少x值的唯一原因是因为如果这些坐标的x值为空字符串。因此,您需要确保图表中的数据具有值。我试图尽可能地重现它。

型号:

public class ChartData
{
    public string classe { get; set; }
    public int nombre { get; set; }
}

动作:

public ActionResult Index()
{
    var data = new List<ChartData> 
    {
        new ChartData{ classe = "A", nombre = 15 },
        new ChartData{ classe = "B", nombre = 20 },
        new ChartData{ classe = "", nombre = 25 },
        new ChartData{ classe = "C", nombre = 10 }
    };

    return View(data);
}

查看:

@model List<WebApplication1.Models.ChartData>
@{
    var myChart = new Chart(width: 1000, height: 500, theme: ChartTheme.Green)
        .AddTitle("Classification des Rapport par nombre d'anomalie pour chaque classe")
        .AddSeries(
            chartType: "column",
            xValue: Model, xField: "classe",
            yValues: Model, yFields: "nombre")
                .SetXAxis("Classe")
                .SetYAxis("Nombre d'Anomalie")
        .Write();
}