Я хочу, чтобы запустить линейчатые диаграммы с данными dyanamic

---

Я сохранил возвращаемое значение функции контроллера в одной переменной "colors", и у меня есть статические гистограммы ,теперь я хочу запустить гистограммы с помощью данных переменной colors.

Что я уже пробовал:

function onChangeId(event) {
        jQuery.ajax({
            url: "Home/PopulateValues",
            type: 'POST',
            data: { ipaddress: event.value },
            success: function (result) {
                colors = JSON.parse(result);
                $("#div1").text(colors[0].Item2);
                $("#div2").text(colors[0].Item3);

}


теперь я хочу отправить эти данные о цветах в статические барные чаты,барный чат должен заполниться данными о цветах.
Barcart.html:

script>
        var chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                defaultSeriesType: 'column',
                backgroundColor: '#eee',
                plotBackgroundColor: '#fff',
            },
            credits: { enabled: false },
            title: {
                text: 'Histogram Chart'
            },
            subtitle: {
                text: '<p style="color:red">Chart For Total Impressions</p>'
            },
            tooltip: {
                borderWidth: 1,
                formatter: function () {
                    return this.x + '<br/>' +
                    'Count: ' + this.y;
                }
            },
            plotOptions: {
                column: {
                    shadow: false,
                    borderWidth: .5,
                    borderColor: '#666',
                    pointPadding: 0,
                    groupPadding: 0,
                    color: 'rgba(204,204,204,.85)'
                }
            },
            xAxis: {
                categories: ['Color', 'B&W', 'B&W printed on<br> color printer'],
                labels: {
                    style: {
                        fontSize: '15px',
                        fontWeight: 'normal',
                        color: '#488'
                    },
                },
                lineWidth: 0,
                lineColor: '#999',
                tickLength: 70,
                tickColor: '#ccc',
            },
            yAxis: {
                title: { text: 'Impressions' },
                tickColor: '#ccc',
                lineColor: '#ccc',
            },
            series: [{
                name: 'Histogram',
                data: [234, 418, 126],//instead of this static data I need to pass the dynamic data which I get in colors variable.
            }]
        });
    </script>

---