如何使用列表作为一系列图表元素来显示图表

本文关键字：元素 显示图 一系列 何使用 列表 | 更新日期: 2023-09-27 17:50:59

我已经存储了一个列表作为键值对，这样我就可以使用键作为xValue和值作为yValues。现在我的问题是:我如何在MVC中使用System.Web.Helpers图中的AddSeries元素列表?

 double TotalDebts = 300000;
List<KeyValuePair<int, decimal>> dResult = new List<KeyValuePair<int, decimal>>();
List<int> lIndex = dResult.Select(x => x.Key).ToList();
List<decimal> lDepts = dResult.Select(x => x.Value).ToList();
for (int i = 0; i < 250; i++)
{
    if (TotalDebts > 0)
    {
        decimal DebtsLessIncome = Convert.ToDecimal(TotalDebts - 5000);
        decimal InterestCharged = Convert.ToDecimal((DebtsLessIncome * 5) / 100);
        decimal InterestDebt = Convert.ToDecimal(DebtsLessIncome + InterestCharged);
        decimal InterestDebtMLE = Convert.ToDecimal(InterestDebt + 1000);
        TotalDebts = Convert.ToDouble(InterestDebtMLE);
       dResult.Add(new KeyValuePair<int,decimal>());

    }
}

我想在

中使用这个列表
var key = new Chart(width: 1000, height: 400, theme: Green)
          .AddTitle("Employee Chart")
          .SetXAxis("Total Year", 1)
          .SetYAxis("Money")
          .AddLegend("")
           .AddSeries(
           chartType: "line",
           name: "Current Scenario",
           xValue:lIndex,
           //new[] { "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10" },
           yValues:lDepts)
           //new[] { "220000", "200000", "180000", "150000", "120000", "50000", "35000", "25000", "15000", "10000", "0" })

我刚刚尝试了一个硬编码值。它工作得很好，但我不知道如何将该列表组装为xValue和yValues。

如何使用列表作为一系列图表元素来显示图表

我以前没有在MVC中使用图表，但是阅读您提供的代码示例，如果您更改以下内容，它将工作:

List<int> lIndex = dResult.Select(x => x.Key).ToList();
List<decimal> lDepts = dResult.Select(x => x.Value).ToList();

为string数组:

string[] lIndex = dResult.Select(x => x.Key.ToString()).ToArray();
string[] lDepts = dResult.Select(x => x.Value.ToString()).ToArray();

…

对于图表，我更喜欢从服务器端返回JSON结果，并使用众多优秀的JavaScript图表库之一呈现它。

相关文章：