ShieldUi манипулируя график, как только она оказывается

Question

я столкнулся shieldUI интеграции калитки, и я пытаюсь получить базу 64 изображения dfom диаграммы shieldUi с помощью этого учебника: https://www.shieldui.com/documentation/javascript.chart/exporting

Я попытался запустить код ниже:

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

в обоих $(document).ready(..) и $(window).load(...) функций и события нагрузки, поднятые из библиотеки (https://www.shieldui.com/documentation/javascript.chart/events/load) в качестве ш флигель.

Ни в одной из этих функциональных диаграмм пока не отображается, поэтому svg_chart.swidget() возвращает значение null.

Есть ли какие-либо другие события для достижения моей цели или любой другой способ получить источник изображения?

Спасибо заранее, Лаура

Answer 1

Вы можете получить доступ к экземпляру диаграммы, используя .swidget() только после того, как вы настроите его с .shieldChart() конструктором.

Для того, чтобы ваш код работал, вы также должны отключить анимацию для диаграммы, так как сразу после ее инициализации рендеринг не будет завершен и не будет содержимого изображения.

Here is a complete JSBin, чтобы вы начали ...