使用javascript动态构建asp:图表

时间:2013-11-06 17:35:37

标签: javascript jquery html asp.net vb.net

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

我有一个网页(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);

我想用asp:chart控件做类似的事情,也许尝试类似的事情:

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

但是,我不认为这是有效的。我也尝试使用&lt; %%&gt;用于设置属性的脚本标记,但是当JavaScript / jquery运行时,它显然不会运行。它先于其他任何方式执行。

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

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

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