How to make a foreach loop into javascript?

Question

I'm trying to make a Razor loop in Javascript. I've tried this code, but this wouldn't work. Nothing is displayed into the web-page.

Code:

$(function () {
        $('#container').highcharts({
            title: {
                text: 'Monthly Average Temperature',
                x: -20 //center
            },
            subtitle: {
                text: 'Source: WorldClimate.com',
                x: -20
            },
            xAxis: {
                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                    'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
            },
            yAxis: {
                title: {
                    text: 'Temperature (°C)'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: '°C'
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
            series: [
@{int i=0, compte = Model.statistique.Count;}
                @foreach (var item in Model.statistique) {
                    <text>
                        {
                            name: '@(item.nomProcessus)',
                            data: [@(item.lundi), @(item.mardi), @(item.mercredi), @(item.jeudi), @(item.vendredi)]
                        }
                    </text>
                    if (i < compte) {
                        @:,
                    }
                    else
                    {
                        @:]
                    }
                    i++;
                }
});
});

Original code:

jsFiddle

How do I to make the foreach razor loop works into it, please?

Any brilliant idea?

What's the problem you're facing here ?

Lokesh Suthar
– Lokesh Suthar

2014-03-08 20:07:23 +00:00
Commented Mar 8, 2014 at 20:07 — Lokesh Suthar
– Lokesh Suthar, Commented Mar 8, 2014 at 20:07

Lokesh Suthar · Accepted Answer · 2014-03-08 20:13:52Z

1

Try this

   series: [
            @foreach(var item in Model)
            {
                @:{ name: '@item.nomProcessus', data: [@(item.lundi), @(item.mardi), @(item.mercredi), @(item.jeudi), @(item.vendredi)] },
            }
]

Note: You don't need to worry about that last coma. It is acceptable.

answered Mar 8, 2014 at 20:13

Lokesh Suthar

3,2121 gold badge18 silver badges28 bronze badges

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

8 Comments

Lokesh Suthar Over a year ago

You don't need that. I am assuming you are using it for the , right? It is acceptable to leave a coma in the last.

Lokesh Suthar Over a year ago

Glad to be of help buddy.

ABCmo Over a year ago

By the way, how to make a new line in JavaScript please?

Lokesh Suthar Over a year ago

try \r\n or \n Also read this

ABCmo Over a year ago

@item.lundi returns a double value with 12,5 as value. How do I please to make it appear as 12.5? Because this influence on the array by generating another cell.

|

Collectives™ on Stack Overflow

How to make a foreach loop into javascript?

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related