How can I read array from my web page cshtml in javascript?

Question

I'm building a Asp.Net application. I have this file

In TimeDomain.cshtml I want to display a chart, the data of this chart is on database. So this is the code of my controller:

public ActionResult TimeFrequency()
        {
            ArrayList arrayValue = new ArrayList();
            arrayValue.Add(0.5);
            arrayValue.Add(0.1);
            arrayValue.Add(0.5);
            arrayValue.Add(0.5);
            arrayValue.Add(0.3);
            arrayValue.Add(0.8);

            ViewBag.ArrayValue = arrayValue;
            return View();
        }

In the TimeDomain.cshtml I have this code to display the chart with random value:

var myConfig = {
                        type: 'bar',
                        backgroundColor: "#FFF",
                        plot: {
                            lineColor: "rgba(151,187,205,1)",
                            lineWidth: "2px",
                            backgroundColor2: "rgba(151,187,205,1)",
                            marker: {
                                backgroundColor: "rgba(151,187,205,1)",
                                borderColor: "white",
                                shadow: false
                            }
                        },
                        plotarea: {
                            backgroundColor: "white"
                        },
                        series: [{
                            values: getRandomValue(),
                            lineColor: "rgba(220,220,220,1)",
                            lineWidth: "2px",
                            alpha: 0.5,
                            borderWidth: "2px",
                            borderColor: "#C7C7C7",
                            borderTop: "2px solid #C7C7C7",
                            borderBottom: "0px",
                            backgroundColor1: "rgba(220,220,220,1)",
                            backgroundColor2: "rgba(220,220,220,1)",
                            marker: {
                                backgroundColor: "rgba(220,220,220,1)",
                            }

                        }]
                    }

In this line code:

 values:getRandomValue(),

the method getRandomValue return an array of values. I want to remove this method and read the value from controller

 ViewBag.ArrayValue = arrayValue;

How can I do this?

Esat ARSLAN · Accepted Answer · 2018-10-25 13:26:30Z

1

You can convert c# array to js array like that

var jsArray= @Html.Raw(Json.Serialize(ViewBag.ArrayValue));

answered Oct 25, 2018 at 13:26

Esat ARSLAN

1197 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Yogesh Patel · Accepted Answer · 2018-10-25 13:30:55Z

0

You have to take ViewBag.ArrayValue in javascript variable as below:

<script type="text/javascript">
     var dataArray= @Html.Raw(Json.Serialize(ViewBag.ArrayValue));
</script>

Change your code like below in myConfig of chart configuration

 values:dataArray

answered Oct 25, 2018 at 13:30

Yogesh Patel

8382 gold badges13 silver badges26 bronze badges

2 Comments

bircastri Over a year ago

I have this error, 'JSon' does not contain a definition 'Serialize'

Yogesh Patel Over a year ago

Try with @Html.Raw(ViewBag.ArrayValue). Remove Json.Serialize

Collectives™ on Stack Overflow

How can I read array from my web page cshtml in javascript?

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related