Строительство asp: диаграмма динамически с помощью javascript

Question

Я искал этот форум и многие другие в Интернете, но, видимо, я пытаюсь сделать что-то немного отличное от кого-либо еще.

У меня есть веб-страница (aspx), которая принимает введенные пользователем критерии и выбирает продукты на основе этих пользовательских критериев. Используя JavaScript, я делаю вызов Ajax на свой код на стороне сервера, который взаимодействует со старой, но широко используемой корпоративной DLL. Я получаю соответствующие продукты и все их данные обратно из функции.

Я использую результат .substr и результата .split (так как данные возвращаются в виде запятой строки с разделителями), чтобы получить соответствующие части данных и построить раздел моего стола. Затем пользователь может щелкнуть значок слева от каждой строки таблицы, чтобы просмотреть дополнительные сведения о выбранной модели.

Это отображает другой элемент, который извлекает дополнительные данные из строки с разделителями, запятыми запятыми. Все это прекрасно работает. Проблема, с которой я сталкиваюсь, заключается в том, что на этом отображении дальнейших подробностей также должна быть диаграмма сплайнов, показывающая некоторые графические данные. Я возвращаю данные, необходимые для построения графиков сплайнов, но мне трудно найти способ получить данные на графике.

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

Вот пример того, что я делаю с таблицей:

table += '<td title="Details"><div class="details"><img src="/resources/ic_menu_search.png" alt="" height="20" width="20" style="cursor: pointer;" id="' + i + '" ></img></div></td>'; 
table += '<td><div class="model">' + TableResults[((i - 1) * 461) + 1] + '</div></td>'; //model 

Тогда я делаю это, чтобы поместить данные в разделе.

$('#datatable').append(table); 

Я хотел бы сделать что-то подобное с осины: контроль графика и, возможно, попробовать что-то вроде:

$('#Graph > points').append(TableResults[((recNo - 1) * 461) + (111 + i)]); 

Но, я не думаю, что справедливо. Я также попытался использовать <%%> теги скрипта, чтобы установить свойства, но, очевидно, не будет выполняться, когда выполняется JavaScript/jquery. Он выполняется раньше всего.

Я также хотел бы использовать функцию серверной стороны (vb.net) для создания точек графика, но я еще не нашел хорошего примера, который соответствует тому, что я пытаюсь сделать.

Любая помощь очень ценится!

Answer 1

Я использую highcharts, чтобы сделать все свои диаграммы и динамически строить формат в аякс-вызовах. Поэтому, если пользователь меняет раскрывающийся список, я передаю этот новый выбранный индекс на страницу ajax, затем он перестраивает всю таблицу и передает обратно html. Я не использую функцию append и не нуждаюсь в том, чтобы связаться с кодом, использующим <%%>. Я просто использую функцию .html() jQuery, чтобы поместить все html в div.