chart to png

Webix JS
#1

на одной странице 8 графиков(view chart), если сохраняю в png только один график, то все хорошо проходит, при сохранении одной кнопкой сразу всех графиков , картинки скачиваются, но на них только оси x и y, сетка и сами графики не отображены.
webix.toPNG($$(“chart_pikro”));
webix.toPNG($$(“chart_pikro1”));
webix.toPNG($$(“chart_pikro2”));
webix.toPNG($$(“chart_pikro3”));
webix.toPNG($$(“chart_pikro4”));
webix.toPNG($$(“chart_pikro5”));
webix.toPNG($$(“chart_pikro6”));
webix.toPNG($$(“chart_pikro7”));

https://snippet.webix.com/yekgw98b
даже так не корректно…

#2

попробуйте поставить операции в очередь
https://snippet.webix.com/boge7s21

#3

да сейчас почти все хорошо, но есть одна странность…
первые четыре графика нормально грузятся на других четырех ось x наполовину скрыта и подпись к ней не видна(сами графики есть), если отдельной кнопкой теже самые графики по одному загрузить, то все хорошо…!?

#4

выставьте сюда код очереди.

#5

webix.toPNG($$(“chart_pikro”), “Пикро-TiO2-MgO”).then(function () {
return webix.toPNG($$(“chart_pikro1”), “Пикро-Cr2O3-MgO”);
}).then(function () {
return webix.toPNG($$(“chart_pikro2”), “Пикро-MgO-Cr2O3”);
}).then(function () {
return webix.toPNG($$(“chart_pikro3”), “Пикро-Al2O3-Cr2O3”);
}).then(function () {
return webix.toPNG($$(“chart_pikro4”), “Пикро-TiO2-FeO”);
}).then(function () {
return webix.toPNG($$(“chart_pikro5”), “Пикро-Al2O3-FeO”);
}).then(function () {
return webix.toPNG($$(“chart_pikro6”), “Пикро-MgO-Fe2O3”);
}).then(function () {
return webix.toPNG($$(“chart_pikro7”), “Пикро-Al2O3-MnO”);
});

#6

может поможет строгая очередь.

webix.toPNG($$("chart_pikro"), "Пикро-TiO2-MgO").then(function () {
    return webix.toPNG($$("chart_pikro1"), "Пикро-Cr2O3-MgO").then(function () {
        return webix.toPNG($$("chart_pikro2"), "Пикро-MgO-Cr2O3").then(function () {
            return webix.toPNG($$("chart_pikro3"), "Пикро-Al2O3-Cr2O3").then(function () {
                return webix.toPNG($$("chart_pikro4"), "Пикро-TiO2-FeO").then(function () {
                    return webix.toPNG($$("chart_pikro5"), "Пикро-Al2O3-FeO").then(function () {
                        return webix.toPNG($$("chart_pikro6"), "Пикро-MgO-Fe2O3").then(function () {
                            return webix.toPNG($$("chart_pikro7"), "Пикро-Al2O3-MnO");
                        });
                    });
                });
            });
        });
    });
});
#7

Странно, тоже самое… почему обрезает не понятно, снизу урезает картинку немного

#8

немного мазохизма :smile:

webix.toPNG($$("chart_pikro"), "Пикро-TiO2-MgO").then(function () {
    webix.delay(function () {
        webix.toPNG($$("chart_pikro1"), "Пикро-Cr2O3-MgO").then(function () {
            webix.delay(function () {
                webix.toPNG($$("chart_pikro2"), "Пикро-MgO-Cr2O3").then(function () {
                    webix.delay(function () {
                        webix.toPNG($$("chart_pikro3"), "Пикро-Al2O3-Cr2O3").then(function () {
                            webix.delay(function () {
                                webix.toPNG($$("chart_pikro4"), "Пикро-TiO2-FeO").then(function () {
                                    webix.delay(function () {
                                        webix.toPNG($$("chart_pikro5"), "Пикро-Al2O3-FeO").then(function () {
                                            webix.delay(function () {
                                                webix.toPNG($$("chart_pikro6"), "Пикро-MgO-Fe2O3").then(function () {
                                                    webix.delay(function () {
                                                        webix.toPNG($$("chart_pikro7"), "Пикро-Al2O3-MnO");
                                                    })
                                                });
                                            })
                                        });
                                    })
                                });
                            })
                        });
                    })
                });
            })
        });
    })
});
#9

не прошел вариант)…

#10

графики расположены в два rows по четыре cols, графики второго ряда и подрезает немного…

#11

попробуйте с них начать.