We are excited to announce that the ASP.NET Forums are moving to the new Microsoft Q&A experience. Learn more >

Pass dynamic values to x and y axis in char RSS

2 replies

Last post Nov 17, 2017 10:20 AM by AngelinaJolie

‹ Previous Thread|Next Thread ›

Shortcuts

- Reply
Binumon003
Member

17 Points

71 Posts

Pass dynamic values to x and y axis in char

Nov 15, 2017 09:15 AM|Binumon003|LINK

I generating chart using web.helpers library

my question is how i pass x and y axis values dynamically

in my array contain 3 values . how i pass this x axis to chart

string[] fruits = new string[] { "Apple", "Orange", "Grape" };

new System.Web.Helpers.Chart(width: 500, height: 300, theme: ChartTheme.Blue)
              .AddTitle("Chart for Fruits")


                 .AddSeries(
                      chartType: "pie",
                       xValue: new[] { },// here i need to pass fruits array value?



                     yValues: new[] { "10", "25", "50" })


                .ToWebImage().GetBytes());

A2H

All-Star

50841 Points

9895 Posts

Re: Pass dynamic values to x and y axis in char

Nov 15, 2017 09:32 PM|A2H|LINK

Binumon003
in my array contain 3 values . how i pass this x axis to chart

You can try with the below apporach

Create a model class to hold the data

 public class SampleChartData
    {
        public string[] XAxisValues { get; set; }

        public string[] YAxisValues { get; set; }
    }

Change the name as per your need

Now in controller Populate the Above model with data

 public class SampleChartController : Controller
    {
        // GET: SampleChart
        public ActionResult Index()
        {

            //Populate Data
            //Here You can get data from Database and create a String array
            SampleChartData chartData = new SampleChartData();
            chartData.XAxisValues = new[] { "Apple", "Orange", "Grape" };
            chartData.YAxisValues = new[] { "10", "25", "50" };


            return View(chartData);
        }
    }

we can pass data from Model in View like below

@model MVCWebApplicationDemo.Models.SampleChartData
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div>
        @{
            var myChart = new Chart(width: 600, height: 400, theme: ChartTheme.Blue)
                .AddTitle("Chart for Fruits")
                .AddSeries(
                    chartType: "pie",
                    xValue: @Model.XAxisValues,
                    yValues: @Model.YAxisValues)
                    .ToWebImage().GetBytes());
        }
    </div>
</body>
</html>

SOURCE URL

Thanks,
Aje
My Blog | Dotnet Funda

- Reply
AngelinaJoli...
Contributor

5290 Points

2307 Posts
Re: Pass dynamic values to x and y axis in char

Nov 17, 2017 10:20 AM|AngelinaJolie|LINK
Hi Binumon,

Binumon003
chartType: "pie",
xValue: new[] { },// here i need to pass fruits array value?

After tested, it works well:
```
  @{
            string[] fruits = new string[] { "Apple", "Orange", "Grape" };
            var myChart = new Chart(width: 600, height: 400, theme: ChartTheme.Blue)
                .AddTitle("Chart for Fruits")
                .AddSeries(
                    chartType: "pie",
                    xValue: fruits ,// pass fruits directly
                    yValues: new[] { "10", "25", "50" }).Write();

        }
```
Please let me know if any question, welcome to back!

With regards, Angelia Jolie
MSDN Community Support
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.

‹ Previous Thread|Next Thread ›