var options = {
        chart: {
            renderTo: 'container',
            defaultSeriesType: 'bar'
        },
        title: {
            text: 'Spiritual Gifts Results'
        },
        colors: [
            '#3BBEE3'
        ],
        xAxis: {
            categories: []
        },

        yAxis: {
            title: {
                text: 'Service'
            }
        },
        series: []
    };

    var data = document.getElementById("<%= hdn_Data.ClientID %>");
    // Split the lines
    if (data.value != "") {
        var lines = data.value.split('n');

        // Iterate over the lines and add categories or series
        $.each(lines, function(lineNo, line) {
            var items = line.split(',');
            // header line containes categories
            if (lineNo == 0) {
                $.each(items, function(itemNo, item) {
                    if (itemNo > 0) options.xAxis.categories.push(item);
                });
            }
            // the rest of the lines contain data with their name in the first position
            else {
                var series = {
                    data: []
                };
                $.each(items, function(itemNo, item) {
                    if (itemNo == 0) {
                        series.name = item;
                    } else {
                        series.data.push(parseFloat(item));
                    }
                });

                options.series.push(series);

            }

        });

        // Create the chart
        var chart1 = new Highcharts.Chart(options);
    }
});

<meta charset="utf-8">

<title>Em Barber | Designer</title>

<link rel="stylesheet" href="css/normalize.css">

<link href='http://fonts.googleapis.com/css?family=Changa+One:400,400italic|Open+Sans:400,700,700italic,800' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="css/main.css">

<style>

</style>

var options = {
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'bar'
    },
    title: {
        text: 'Spiritual Gifts Results'
    },
    colors: [
        '#3BBEE3'
        ],
    xAxis: {
        categories: []
    },

    yAxis: {
        title: {
            text: 'Service'
        }
    },
    series: []
};

var data = document.getElementById("hdn_Data");
// Split the lines
if (data.value != "") {
    var lines = data.value.split('n');

    // Iterate over the lines and add categories or series
    $.each(lines, function(lineNo, line) {
        var items = line.split(',');
        // header line containes categories
        if (lineNo == 0) {
            $.each(items, function(itemNo, item) {
                if (itemNo > 0) options.xAxis.categories.push(item);
            });
        }
        // the rest of the lines contain data with their name in the first position
        else {
            var series = {
                data: []
            };
            $.each(items, function(itemNo, item) {
                var data = {};
                if (itemNo == 0) {
                    series.name = item;
                } else {
                    data.y = parseFloat(item);
                    if (itemNo <= 3) {
                        data.color = 'Gray';
                    }
                    else {
                        data.color = '#3BBEE3';
                    }
                    series.data.push(data);
                }
            });
            options.series.push(series);
          }
        });

        // Create the chart
        var chart1 = new Highcharts.Chart(options);
    }
});

<header>

  <a href="index.html" id="logo">

    <h1>Em Barber</h1>

    <h2>Designer</h2>

  </a>

  <nav>

    <ul>

      <li><a href="index.html" class="selected">Portfolio</a></li>

      <li><a href="about.html">About</a></li>

      <li><a href="contact.html">Contact</a></li>

    </ul>

  </nav>

</header>

<div id="wrapper">

  <section>

    <ul id="gallery">

      <li>

        <a href="img/numbers-01.jpg">

          <img src="img/numbers-01.jpg" alt="">

          <p>Experimentation with colour and texture.</p>

        </a>

      </li>

      <li>

        <a href="img/numbers-02.jpg">

          <img src="img/numbers-02.jpg" alt="">

          <p>Playing with blending modes in Photoshop.</p>

        </a>

      </li>

      <li>

        <a href="img/numbers-06.jpg">

          <img src="img/numbers-06.jpg" alt="">

          <p>Trying to create an 80's style of glows.</p>

        </a>

      </li>  

      <li>

        <a href="img/numbers-09.jpg">

          <img src="img/numbers-09.jpg" alt="">

          <p>Drips created using Photoshop brushes.</p>

        </a>

      </li>  

      <li>

        <a href="img/numbers-12.jpg">

          <img src="img/numbers-12.jpg" alt="">

          <p>Creating shapes using repetition.</p>

        </a>

       </li>

      </ul>    

    </section>

    <footer>

      <a href="http://twitter.com/emmiebarbs"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>

      <a href="http://facebook.com/embarber"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>

      <p>&copy; 2014 Em Barber.</p>

    </footer>

  </div>