старшая диаграмма извлекает данные из хранимой процедуры и анализирует функцию JS

Question

У меня есть JSFiddle, который создает несколько графиков вместе.В настоящее время это жестко закодированные данные.Я пытаюсь получить значения из хранимой процедуры SQL и проанализировать ее для функции JavaScript, используя внутренний код c #.

Один из способов, который я понимаю, - это использование скрытых переменных для хранения данных диаграммы и назначения ихданные: однако не знаю, как пройтись по каждой строке и поместить значение данных на верхнюю диаграмму.Количество диаграмм будет варьироваться в зависимости от параметров SQL, поэтому я не могу жестко кодировать каждую функцию JavaScript, чтобы посмотреть на конкретный контейнер div, так как номера контейнеров могут отличаться ... Но не уверен, как это сделать с несколькими диаграммами динамически, используяцикл?

JSFiddle

Я пробовал следующее, но теперь я застрял на следующих шагах, чтобы перебрать каждую строку и вызвать JavaScript:

.NET METHOD для получения данных для старшей диаграммы:

cmd.CommandType = CommandType.StoredProcedure;
cn.Open();
SqlDataReader reader = cmd.ExecuteReader();

int i = 0;
if (reader.HasRows)
{
    while (reader.Read())
    {
        string str = reader["ChartData"].ToString();
        string[] strList = str.Split(',');

        // convert it in json
        dataStr = JsonConvert.SerializeObject(strList, Formatting.None);

        hiddenvariable.Value = dataStr;
    }
}