ComponentOne
Web API Explorer ASP.NET Web API Explorer

MVCFlexChart

YFunctionSeries

This sample demonstrates how to export a MVC FlexChart YFunctionSeries to image file.

Features

YFuncSeries-10-8-6-4-20246810-0.5000.50

Settings

Export
Export Format : Height :
Width :
Export Name :

Description

This sample demonstrates how to export a MVC FlexChart YFunctionSeries to image file.
1
2
3
4
5
6
7
8
9
10
11
12
13
using System.Web.Mvc;
 
namespace WebApiExplorer.Controllers
{
    public partial class MVCFlexChartController : Controller
    {
        public ActionResult YFunctionSeries()
        {
            ViewBag.Options = _flexChartModel;
            return View();
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
@{
    ImageExportOptions optionsModel = ViewBag.Options;
    ViewBag.DemoSettings = true;
}
 
<div id="@(optionsModel.ControlId)"></div>
 
@section Settings{
    @Html.Partial("_ImageExportOptions", optionsModel)
}
 
<script>
    // create yFuncSeriesChart
    var yFuncSeriesChart = new wijmo.chart.FlexChart('#@(optionsModel.ControlId)');
 
    //create YFunctionSeries
    var yFuncSeries = new wijmo.chart.analytics.YFunctionSeries();
    yFuncSeries.name = 'YFuncSeries';
    yFuncSeries.min = -10;
    yFuncSeries.max = 10;
    yFuncSeries.sampleCount = 300;
    yFuncSeries.func = function (value) {
        return Math.sin(4 * value) * Math.cos(3 * value);
    };
    yFuncSeriesChart.series.push(yFuncSeries);
</script>
 
@section Description{
    @Html.Raw(Resources.MVCFlexChart.YFunctionSeries_Text0)
}