javascript - 构建asp :chart dynamically using javascript

Question

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

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

我正在使用 result.substr 和 result.split (因为数据以逗号分隔的字符串形式返回)来获取相关的数据片段并构建我的 table 的部分。然后，用户可以单击每个表行左侧的图标来查看有关所选模型的更多详细信息。

显示另一个元素，该元素从返回的逗号分隔字符串中提取更多数据。所有这些都运行得很好。我遇到的问题是，在显示更多详细信息的情况下，还需要有一个显示一些图形数据的样条图。我正在返回绘制样条图所需的数据，但无法找到将数据获取到图表的方法。

我更愿意找到一种方法来设置它，就像我有数据表一样，我在其中使用 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)函数来创建绘图点，但我还没有找到与我想要做的事情相匹配的好例子。

非常感谢任何帮助!

Answer 1

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