使用 ASP.net 将 Highcharts 连接到数据库答案

【问题标题】：Connecting Highcharts to a database using ASP.net使用 ASP.net 将 Highcharts 连接到数据库
【发布时间】：2018-03-15 22:16:18
【问题描述】：

我一直在尝试将我的 highcharts 图表连接到数据库，以便获得实时数据。我一直在尝试连接的表称为 dbo.Answers_int。我一直有麻烦。我的代码基于这个网站https://www.c-sharpcorner.com/UploadFile/1f3f2a/charting-in-mvc/

当我尝试加载页面时，甚至没有出现 highcharts。我没主意了。任何帮助将不胜感激。

ReportsController.cs：

    public class ReportsController : Controller{
    private HHDBEntities db = new HHDBEntities();

    public static DataTable GetQuestionSummary()
    {
        DataTable dt = new DataTable("ChartSummary");
        string query = "Select QuestionAns From [dbo].[Answers_int]";
        string connString = ConfigurationManager.ConnectionStrings["SampleMembershipDB"].ConnectionString;
        SqlConnection con = new SqlConnection(connString);
        //con.ConnectionString = "Data Source=.;" + "Initial Catalog=Transport;" + "Persist Security Info=True;";
        SqlCommand cmd = new SqlCommand();
        cmd.CommandText = query;
        //cmd.Connection = con;
        SqlDataAdapter da = new SqlDataAdapter(cmd);
        con.Open();
        da.Fill(dt);
        con.Close();
        return dt;

    }
    public class Summary
    {
        public double Item { get; set; }
        public string Value { get; set; }
    }

    public JsonResult ChartSummary()
    {
        List<Summary> lstSummary = new List<Summary>();

        foreach (DataRow dr in GetQuestionSummary().Rows)
        {
            Summary summary = new Summary();
            summary.Value = dr[0].ToString().Trim();
            summary.Item = Convert.ToDouble(dr[1]);
            lstSummary.Add(summary);

        }
        return Json(lstSummary.ToList(), JsonRequestBehavior.AllowGet);
    }

饼图.cshtml：

    $(function () {
        $.ajax({
            url: 'Reports/PieChart',
            dataType: "json",
            type: "GET",
            contentType: 'application/json; charset=utf-8',
            async: false,
            processData: false,
            cache: false,
            delay: 15,
            success: function (data) {
                // alert(data);
                var series = new Array();
                for (var i in data) {
                    var serie = new Array(data[i].Value, data[i].Item);
                    series.push(serie);
                }
                DrawPieChart(series);
            },
            error: function (xhr) {
                alert('error');
            }
        });
    });
    function DrawPieChart(series) {
        $('#container').highcharts({

            chart: {
                plotBackgroundColor: null,
                plotBorderWidth: 1, //null,
                plotShadow: false
            },
            title: {
                text: ' Vehicle Summary'
            },
            tooltip: {
                pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: false
                    },
                    showInLegend: true
                }
            },
            series: [{
                type: 'pie',
                name: 'Task Status',
                data: series
            }]
        });
    }

【问题讨论】：

class ReportsController 缺少右大括号。这只是一个错字吗？

标签： c# mysql asp.net razor highcharts

【解决方案1】：

您只能从数据库中获取一列。您将在示例中看到返回 2 列，其中之一是返回百分比的计算。看起来你需要这个来创建图表。

在这个部分

foreach (DataRow dr in GetQuestionSummary().Rows)
{
    Summary summary = new Summary();
    summary.Value = dr[0].ToString().Trim();
    summary.Item = Convert.ToDouble(dr[1]);
    lstSummary.Add(summary);    
}

您可以看到需要一个项目和一个值。同样，您需要使用 2 列数据。

【讨论】：