Какие-нибудь ASP.NET MVC-дружественные элементы управления диаграммами, которые поддерживают круговые диаграммы с разными радиусами срезов?

Question

Мне нужно создать своего рода круговую диаграмму, которая имеет срезы с разными радиусами - подобно:

http://www.andypope.info/charts/pieradius.htm.

Я также хочу наложить на нее вторую серию, в виде строки.

Решение должно быть ASP.NET MVC-дружественным - и мне нужно иметь возможность связывать "развернутые" ссылки со срезами.

Если нет готового решения, можно ли будет настроить круговую диаграмму Microsoft Chart Controls до такой степени?Или это слишком большая настройка, и я бы потратил больше времени на борьбу с существующим кодом, чем на написание своего собственного?

Answer 1

jqPlot отлично. Нам потребовалось меньше часа, чтобы подготовить и запустить красивые графики. Это чистая реализация js. Они работали во всех браузерах и даже на мобильных телефонах.

http://www.jqplot.com/

Answer 2

Это может помочь вам ** Контроллер ***

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.Mvc;
    using MvcApp.Models;
    using System.Web.Helpers;

    namespace MvcApp.Controllers
    {
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            ViewBag.Message = "Welcome to ASP.NET MVC!";

            return View();
        }

        public ActionResult About()
        {
            return View();
        }
        public ActionResult ChartDispaly()
        {
            ChartImage();
            return View();
        }
        public void ChartImage() {
        IEnumerable<Product> productList = new List<Product> {
        new Product {Name = "Kayak", Category = "Watersports", Price = 275m},
        new Product {Name = "Lifejacket", Category = "Watersports", Price = 48.95m},
        new Product {Name = "Soccer ball", Category = "Football", Price = 19.50m},
        new Product {Name = "Corner flags", Category = "Football", Price = 34.95m},
        new Product {Name = "Stadium", Category = "Football", Price = 150m},
        new Product {Name = "Thinking cap", Category = "Chess", Price = 16m}
        };
        Chart chart = new Chart(400, 200,
        @"<Chart BackColor=""Gray"" BackSecondaryColor=""WhiteSmoke""
        BackGradientStyle=""DiagonalRight"" AntiAliasing=""All""
        BorderlineDashStyle = ""Solid"" BorderlineColor = ""Gray"">
        <BorderSkin SkinStyle = ""Emboss"" />
        <ChartAreas>
            <ChartArea Name=""Default"" _Template_=""All"" BackColor=""Wheat""
        BackSecondaryColor=""White"" BorderColor=""64, 64, 64, 64""
        BorderDashStyle=""Solid"" ShadowColor=""Transparent"">
        </ChartArea>
        </ChartAreas>
        </Chart>");
        chart.AddSeries(
        chartType: "Pie",
        yValues: productList.Select(e => e.Price).ToArray(),
        xValue: productList.Select(e => e.Name).ToArray()    
        );
        chart.Write();
   }

    }
   }

* Модель *****

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace MvcApp.Models
{
public class Product
{
    public string Name { get; set; }
    public string Category { get; set; }
    public decimal Price { get; set; }
  }
}

Answer 3

Вы смотрели на высокие чарты.Вы можете создавать круговые диаграммы с изменяющимся радиусом ( demo ), а также накладывать поверх них линию ( demo ).Хотя я не уверен, что если вы сможете точно воспроизвести тип диаграммы, которую вы упомянули, вы всегда можете отправить запрос разработчику.Он довольно быстро выдает новые функции.

Answer 4

Webmatrix имеет встроенную поддержку диаграмм.

Я не знаю, поддерживает ли она круговые диаграммы с разным радиусом среза.Я использую WebGrid (также из Webmatrix) в моем текущем проекте asp.net mvc, и он работает довольно хорошо.

Вот несколько полезных ссылок:

how-webmatrix-razor-asp-net-web-pages-and-mvc-fit-Together

Отображение данных на круговой диаграмме

Answer 5

Вы пробовали смотреть на http://plugins.jquery.com/project/gchart? Это должно быть дружественно к MVC, учитывая его jquery. Я не уверен, сможет ли он делать именно то, что вы хотите, но это может стоить посмотреть.