How to pass array-values to Chart's properties i.e. xValue and yValue
<p>I want to display chart on my webpage but i get the output as output image given below and when i pass array directly in Chart's xValue and yValue, it gives me expected reslut as given below but when i pass these values from my value, it gave the output image result as given below</p>

<pre><code>public ActionResult GetChartImage(string Title, string[] xValue, string[] yValue)
{
    var key = new Chart(width: 300, height: 300)
        .AddTitle("Employee Chart")
        .AddSeries(
        chartType: "column",
        name: "Employee",
        xValue: xValue,
        yValues: yValue);

    return File(key.ToWebImage().GetBytes(), "image/jpeg");
}
</code></pre>

<p>Here is a View</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Test&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div&gt; 
    &lt;div&gt;
        @{
            string[] names = { "Peter", "Andrew", "Julie", "Dave" };
            string[] numbers = { "2", "7", "5", "3" };
        }
        &lt;img src="@Url.Action("GetChartImage", new { Title = "Bar-Code", xValue = names, yValue = numbers })" /&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Here is an output image</p>

<p><a href="https://i.stack.imgur.com/sFoiE.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sFoiE.jpg" alt="Output Image"></a></p>

<p>But I want this</p>

<p><a href="https://i.stack.imgur.com/5ZDye.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5ZDye.jpg" alt="Expected Image"></a></p>