VOOZH about

URL: https://developer.mescius.com/componentone/demos/ASPNET/webapiexplorer/MVCFlexPie

⇱ MVCFlexPie - Overview


MVCFlexPie

Overview

Overview

Features

Settings

Export
Export Format : Height : Width : Export Name :

Description

This sample demonstrates how to export a Mvc FlexPie to image file.
using C1.Web.Mvc.Chart;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using WebApiExplorer.Models;

namespace WebApiExplorer.Controllers
{
 public partial class MVCFlexPieController : Controller
 {
 private readonly ImageExportOptions _flexPieModel = new ImageExportOptions
 {
 Exporter = "wijmo.chart.ImageExporter"
 };

 private static IDictionary<string, object[]> CreateSettings()
 {
 var settings = new Dictionary<string, object[]>
 {
 {"InnerRadius", new object[]{0, 0.25, 0.5, 0.75}},
 {"Offset", new object[]{0, 0.1, 0.2, 0.3, 0.4, 0.5}},
 {"StartAngle", new object[]{0, 90, 180, -90}},
 {"Reversed", new object[]{false, true}},
 {"Palette", new object[]{"standard", "cocoa", "coral", "dark", "highcontrast", "light", "midnight", "minimal", "modern", "organic", "slate"}},
 {"DataLabel.Position", new object[]{PieLabelPosition.None, PieLabelPosition.Inside, PieLabelPosition.Center, PieLabelPosition.Outside}},
 {"DataLabel.Border", new object[]{false, true}},
 };

 return settings;
 }

 public ActionResult Index()
 {
 ViewBag.DemoSettingsModel = new ClientSettingsModel
 {
 Settings = CreateSettings(),
 DefaultValues = new Dictionary<string, object> { { "DataLabel.Position", PieLabelPosition.Center } }
 };

 ViewBag.Options = _flexPieModel;
 return View(CustomerOrder.GetCountryGroupOrderData());
 }
 }
}
@using WebApiExplorer.Models
@model IEnumerable<CustomerOrder>
@{
 ViewBag.DemoSettings = true;
 ClientSettingsModel demoSettingsModel = ViewBag.DemoSettingsModel;
 ImageExportOptions optionsModel = ViewBag.Options;
}

@(Html.C1().FlexPie<CustomerOrder>().Id(optionsModel.ControlId).Header("Sales").Bind("Country", "Count", Model).DataLabel(dl=>dl.Content("{value}")))

@section Settings{
 @Html.Partial("_ImageExportOptions", optionsModel)
}

<script>
 function convertPalette(value) {
 return wijmo.chart.Palettes[value];
 }
</script>

@section Description{
 @Html.Raw(Resources.MVCFlexPie.Index_Text0)
}