d3 图表 SqlQuery

Question

我正在用 mvc5 ef 6 编写一个 .net 应用程序，我需要创建图表。 我找到了 d3 库，但我需要传递一个 sql 数据。

我有一个 d3.js 饼图，上面有静态数据。

 <script>
          (function (d3) {
             'use strict';


            var dataset = [
              { label: 'Abulia', count: 35 },
              { label: 'Betelgeuse', count: 20 },
              { label: 'Cantaloupe', count: 40 },
              { label: 'Dijkstra', count: 5 }
            ];
            var width = 500;
            var height = 200;
            var radius = Math.min(width, height) / 2;
            var donutWidth = 75;
            var legendRectSize = 28;
            var legendSpacing = 4;

            var color = d3.scale.ordinal()
            .range(['#66B615','#3BFF5A','#77E863','#2AE87E']);

            var svg = d3.select('#chart2')
              .append('svg')
              .attr('width', width)
              .attr('height', height)
              .append('g')
              .attr('transform', 'translate(' + (width / 2) +
                ',' + (height / 2) + ')');

            var arc = d3.svg.arc()
              .outerRadius(radius);

            var pie = d3.layout.pie()
              .value(function (d) { return d.count; })
              .sort(null);

            var path = svg.selectAll('path')
              .data(pie(dataset))
              .enter()
              .append('path')
              .attr('d', arc)
              .attr('fill', function (d, i) {
                  return color(d.data.label);
              });

我需要从数据库传递数据。 我该怎么做？

Answer 1

您需要在控制器中创建一个方法，以通过 actionResult 的 [HttpPost] 属性从 sql 中获取数据。

例如：

[HttpPost]
public ActionResult getData(params)// variables to be passed to sp
{
    modelobject mo = new modelobject ();//the data from your model where the sp is called;
data d = mo.methodname(params);// method calling sp
return Json(d , JsonRequestBehavior.AllowGet);
}

在您的 Js 中，调用 javascript Ajax 方法来获取数据，或者如果您使用的是 angular call $http 服务请求。