Question

我正面临着shieldUI wicket集成，我正在尝试使用本教程获得一个shieldUi图表：https://www.shieldui.com/documentation/javascript.chart/exporting

我尝试运行以下代码：

function render_image_box(chart_id) {
	var result = false;
	var svg_chart = $("#" + chart_id);
	if (svg_chart) {
		var chart = svg_chart.swidget();
		if (chart != null) {
			chart.exportToImage();
			result = true;
		}
	}
	// setTimeout(find_image_source, 100) // wait before continuing
	return chart;
}

在$(document).ready(..)和$(window).load(...)函数以及从库（https://www.shieldui.com/documentation/javascript.chart/events/load）引发的load事件中也是如此。

在这些函数图表中都没有渲染，因此svg_chart.swidget()返回null。

是否还有其他事件可用于实现我的目标或任何其他方式来获取图像源？

提前致谢，劳拉

Answer 1

只有在使用.swidget()构造函数初始化图表实例后，才可以使用.shieldChart()访问图表实例。

要使代码正常工作，您还应该关闭图表的动画，因为在初始化之后，渲染不会结束，并且不会有图像内容。

Here is a complete JSBin让你开始......

ShieldUi在呈现图表后立即对其进行操作

1 个答案: