使用 JavaScript 动态构建 asp:chart

Building asp:chart dynamically using javascript

本文关键字:chart asp 构建 JavaScript 动态 使用      更新时间:2023-09-26

我已经搜索了这个论坛和网络上的许多其他论坛,但显然我正在尝试做一些与其他人不同的事情。

我有一个网页 (aspx),它接受用户输入的条件并根据该用户条件选择产品。使用 JavaScript,我对我的服务器端代码进行了 Ajax 调用,该代码与旧的但广泛使用的公司 DLL 进行交互。我从函数中收到匹配的产品及其所有详细信息。

我正在使用 result.substr 和 result.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);

我想对asp:chart控件做类似的事情,也许可以尝试这样的事情:

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

但是,我认为这是无效的。我还尝试使用 <% %> 脚本标签来设置属性,但当 JavaScript/jquery 运行时它显然不会运行它。它先于其他任何事情执行。

我还会考虑做一个服务器端 (vb.net) 函数来创建绘图点,但我还没有找到一个与我正在尝试做的事情相匹配的好例子。

任何帮助将不胜感激!

我使用 highcharts 制作所有图表并在 ajax 调用中动态构建格式。因此,如果用户更改下拉列表,我将新选择的索引传递给 ajax 页面,然后它会重建整个表并传回 html。我不使用追加功能,也不需要联系使用 <% %> 背后的代码。我只是使用 .html() jQuery 函数将所有 html 放在一个div 中。