4

半径が異なるスライスを持つ一種の円グラフを作成する必要があります-次のようになります：

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

また、2番目のシリーズを線として重ねたいと思います。

ソリューションはASP.NETMVCに対応している必要があります。また、「ドリルダウン」リンクをスライスに関連付けることができる必要があります。

既成のソリューションがない場合、Microsoft Chart Controlsの円グラフをこの程度までカスタマイズすることは可能でしょうか？それとも、これはあまりにも多くのカスタマイズであり、自分で作成するよりも既存のコードとの戦いに多くの時間を費やすことになりますか？

4

5 に答える 5

1

jqPlot は優れています。美しいチャートを作成して実行するのに 1 時間もかかりませんでした。これは純粋な js 実装です。それらはすべてのブラウザで動作し、携帯電話でも動作しました.

http://www.jqplot.com/

于 2012-03-21T17:56:19.093 に答える
0

ハイチャートをご覧になりましたか。さまざまな半径の円グラフを作成し ( demo )、その上に線を重ねることもできます ( demo )。ただし、あなたが言及した種類のチャートを正確に複製できるかどうかはわかりませんが、いつでも開発者にリクエストを送ることができます. 彼は新しい機能をリリースするのが非常に速いです。

于 2010-11-13T22:30:41.533 に答える
0

http://plugins.jquery.com/project/gchartを見てみましたか? jquery であることを考えると、MVC フレンドリーである必要があります。あなたが望むことを正確に行うことができるかどうかはわかりませんが、一見の価値があるかもしれません.

于 2010-10-29T20:51:06.133 に答える
0

これはあなたを助けるかもしれません**コントローラー***

    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; }
  }
}
于 2012-04-23T12:30:03.397 に答える
0

Webmatrix にはチャート サポートが組み込まれています。

異なるスライス半径の円グラフをサポートしているかどうかはわかりません。現在のasp.net mvcプロジェクトでWebGrid（Webmatrixからも）を使用していますが、うまく機能しています。

便利なリンクを次に示します。

方法-webmatrix-razor-asp-net-web-pages-and-mvc-fit-together

円グラフでのデータの表示

于 2011-01-29T22:14:20.653 に答える