Spiski.Toimage

Obrazy są ważnym narzędziem podczas pracy z postaciami statystycznymi. Pozwalają na eksport liczb do obrazów statycznych, które możesz udostępnić lub przesyłać na stronę internetową.

W tym artykule zbadamy, w jaki sposób możemy wyeksportować figurki do obrazów statycznych za pomocą fabuły.funkcja js toimage ().

Bez zbyt więcej ceregieli, zanurkujmy.

Spiski.toimage ()

Aby wyeksportować spiski.JS figura w obrazie statycznym, używamy funkcji Toimage (). Składnia funkcji jest jak pokazana następująco:

Toimage (format: target_image_format, szerokość: pożądana_image_size_in_pixels, wysokość: pożądana_image_size_in_pixels).

Jak widzimy, funkcja ma stosunkowo prostą i prostą składnię.

Przykład 1: Plotly.JS Eksportuj Figura do statycznego pliku PNG

Zilustrujmy, w jaki sposób możemy wyeksportować spiski.JS rysunek za pomocą funkcji toimage (). W tym samouczku tworzymy prosty wykres baru, jak pokazano w następującym kodzie:

W danym kodzie używamy plotly.JS, aby stworzyć wykres słupkowy z wykorzystaniem przeglądarki. Możemy uruchomić kod i wyświetlić wykres, jak pokazano następująco:

Możemy teraz zapisać wykres słupkowy w obrazie statycznym, jak pokazano w następującym kodzie:

W tym przykładzie używamy biblioteki D3 do planowania. Zaczynamy od dzwonienia do dzielnicy.toimage () funkcja i przekazuj dane, w tym funkcję, aby wyeksportować obraz. Przedstawiamy również format, w którym chcemy wyeksportować obraz, w tym przypadku jako plik PNG.

Na koniec wykreślamy obraz do znacznika IMG z identyfikatorem PNG-Export, jak określono w zmiennej.

Możemy uruchomić kod w przeglądarce.

Możesz teraz użyć narzędzi przeglądarki do eksportowania obrazu do pliku na dysku.

Przykład 2: Plotly.JS Zapisz obraz jako JPEG/JPG

Możesz także wyeksportować figurę jako format JPG/JPEG, określając parametr formatu. Przykładowy kod jest jak pokazano następująco:

img_jpg.attr („src”, url);
Spiski.toimage (gd, format: „jpeg”, szerokość: targel_width, high: target_width);

Ten sam przypadek ma zastosowanie podczas eksportowania obrazu jako SVG.

IMG_SVG.attr („src”, url);
Spiski.toimage (gd, format: „svg”, szerokość: targel_width, high: target_height);

Wniosek

W tym samouczku dowiedziałeś się, w jaki sposób możesz wyeksportować figurkę do statycznego formatu PNG, JPG lub SVG za pomocą funkcji Toimage (.JS. Szczęśliwe kodowanie!!