Certyfikowane wizualizacje niestandardoweCertified custom visuals

Czy ta strona jest pomocna?

Co to są certyfikowane wizualizacje niestandardowe?What are certified custom visuals?

Certyfikowane wizualizacje niestandardowe to wizualizacje na platformie Marketplace, które spełniają określone wymagania dotyczące kodu i zostały przetestowane i zatwierdzone przez zespół usługi Microsoft Power BI.Certified custom visuals are visuals in the Marketplace that meet certain specified code requirements that the Microsoft Power BI team has tested and approved. Certyfikowane wizualizacje niestandardowe oferują więcej funkcji.Once a custom visual is certified, it offers more features. Możesz na przykład eksportować je do programu PowerPoint oraz wyświetlać je w wiadomościach e-mail otrzymywanych przez użytkowników, którzy subskrybują strony raportów.Such as you can export to PowerPoint, and you can display the visual in emails received when a user subscribes to report pages.

Certyfikowanych wizualizacji niestandardowych używa się tak samo, jak zwykłych wizualizacji niestandardowych.Certified custom visuals are used like standard custom visuals. Certyfikowane wizualizacje niestandardowe można dodawać do usługi Power BI lub raportu w programie Power BI Desktop. Można także wyświetlać je za pomocą usługi Power BI dla urządzeń przenośnych oraz usługi Power BI Embedded.Certified custom visuals can be added to the Power BI service, a Power BI Desktop report, and viewed with Power BI mobile and Power BI Embedded.

Wykonywane testy mają na celu sprawdzenie, czy wizualizacja nie korzysta z usług ani zasobów zewnętrznych.The tests performed are designed to check the visual does not access external services or resources. Firma Microsoft nie jest autorem wizualizacji niestandardowych tworzonych przez inne firmy, dlatego zalecamy użytkownikom bezpośredni kontakt z autorami w celu zweryfikowania funkcjonalności takich wizualizacji.Microsoft is not the author of third-party custom visuals, and we advise customers to contact the author directly to verify the functionality of such visual.

Proces certyfikacji jest opcjonalny — to od dewelopera zależy, czy chce, aby jego wizualizacja dostępna na platformie Marketplace była certyfikowana.The certification process is an optional process, and it is up to the developers to decide if they want their visual in the marketplace to be certified.

Wizualizacje niestandardowe, które nie są certyfikowane, nie muszą być niebezpieczne.Uncertified custom visuals do not necessarily mean unsafe visuals. Niektóre wizualizacje nie są certyfikowane, ponieważ nie spełniają pewnych wymagań dotyczących certyfikacji.Some visuals aren't certified because they don’t comply with one or more of the certification requirements. Mogą na przykład łączyć się z usługą zewnętrzną, jak w przypadku wizualizacji map czy wizualizacji korzystających z bibliotek komercyjnych.For example, connecting to an external service like map visuals, or visuals using commercial libraries.

Jesteś deweloperem internetowym i chcesz utworzyć własne wizualizacje oraz dodać je do witryny  Microsoft AppSource ?Are you a Web developer and interested in creating your own visualizations and adding them to Microsoft AppSource? Aby dowiedzieć się, jak to zrobić, zobacz  Tworzenie wizualizacji niestandardowej w usłudze Power BI .See Develop a Power BI custom visual to learn how.

Usuwanie certyfikowanych wizualizacji niestandardowych usługi Power BIRemoval of Power BI Certified custom visuals

Firma Microsoft może według własnego uznania usunąć wizualizację z listy certyfikowanych wizualizacji.Microsoft can remove a visual from the certified list at its discretion.

Certyfikowanie wizualizacji niestandardowejGetting a custom visual certified

Wymagania dotyczące certyfikacjiCertification requirements

Aby certyfikować swoją wizualizację niestandardową, sprawdź, czy spełnia ona poniższe wymagania:To get your custom visual certified, make sure your custom visual complies with the below:

  • Wizualizacja jest zatwierdzona w witrynie Microsoft AppSource.Microsoft AppSource approved. Wizualizacja niestandardowa powinna być dostępna na naszej platformie handlowej.Your custom visual should be in our marketplace.

  • Wizualizacja niestandardowa jest zapisana przy użyciu numerów wersji API v2.5 lub nowszej.Custom visual is written with versioned API v2.5 or higher.

  • Repozytorium kodu jest gotowa do przeglądu przez zespół usługi Power BI (na wystąpienie, kod źródłowy (języka JavaScript lub TypeScript) format można odczytać ludzi jest dostępne dla nas w serwisie GitHub).Code repository is available for review by Power BI team (for instance, source code (JavaScript or TypeScript) in human readable format is available to us, through GitHub).

    Uwaga

    Nie musisz publicznie udostępniać kodu w witrynie Github.You don’t have to publicly share your code in Github.

  • Wymagania dotyczące repozytorium kodu:Code repository requirements:

    • Musi zawierać minimalny wymagany zestaw plików:Must include the minimal required set of files:
      • .gitignore.gitignore
      • capabilities.jsoncapabilities.json
      • pbiviz.jsonpbiviz.json
      • package.jsonpackage.json
      • lock.json pakietupackage-lock.json
      • tsconfig.jsontsconfig.json
    • Nie może zawierać folderu node_modules (Dodaj node_modules .gitingore pliku)Must not include node_modules folder (add node_modules to .gitingore file)
    • Zainstaluj Menedżera npm polecenia nie może zwracać błędy.npm install command must not return any errors.
    • Inspekcja npm polecenia nie może zwracać wszystkie ostrzeżenia o wysokiej lub średniego poziomu.npm audit command must not return any warnings with high or moderate level.
    • Pakiet pbiviz polecenia nie może zwracać błędy.pbiviz package command must not return any errors.
    • Musi zawierać TSlint od firmy Microsoft bez zgodnym z przesłoniętą konfiguracji i to polecenie nie może zwracać błędy lint.Must include TSlint from Microsoft with no overridden configuration, and this command must not return any lint errors.
    • Skompilowany pakiet niestandardowa wizualizacja musi odpowiadać przesłanych pakietów (skrót md5 oba pliki powinien być taki sam).The compiled package of the Custom Visual must match submitted package (md5 hash of both files should be equal).
  • Wymagania dotyczące kodu źródłowego:Source Code requirements:

    • Wizualizacja musi obsługiwać renderowania interfejsu API zdarzeń.The visual must support Rendering Events API.
    • Upewnij się, jest uruchomiony żaden kod dowolnego/dynamiczne (zły: eval() niebezpieczne użycie settimeout() i requestAnimationFrame(), setinterval (niektórych funkcji przy użyciu danych wprowadzonych przez użytkownika), uruchomione użytkownika wprowadzania danych).Ensure no arbitrary/dynamic code is run (bad: eval(), unsafe to use of settimeout(), requestAnimationFrame(), setinterval(some function with user input), running user input/data).
    • Upewnij się, w modelu DOM jest przetwarzany bezpiecznie (zły: innerHTML, D3.html (< niektórych użytkowników/danych wejściowych >), na użytek oczyszczania danych dane wejściowe użytkownika przed dodaniem go do modelu DOM.Ensure DOM is manipulated safely (bad: innerHTML, D3.html(<some user/data input>), use sanitization for user input/data before adding it to the DOM.
    • Upewnij się, że nie ma żadnych błędów języka javascript/wyjątków w konsoli przeglądarki dla dowolnych danych wejściowych.Ensure there are no javascript errors/exceptions in the browser console for any input data. Użytkownicy mogą używać wizualizacji z innym zakresem nieoczekiwane dane, dzięki czemu wizualizacja musi zakończyć się niepowodzeniem.Users might use your visual with a different range of unexpected data, so the visual must not fail. Możesz użyć ten przykładowy raport jako testowego zestawu danych.You can use this sample report as a test dataset.
  • Jeśli wszystkie właściwości w capabilities.json zostaną wprowadzone zmiany, upewnij się, że nie zrywasz raporty istniejącego użytkownika.If any properties in capabilities.json are changed, make sure that they do not break existing user's reports.

  • Upewnij się, że wizualizacja jest zgodny z wskazówki dotyczące wizualizacji usługi Power BI.Make sure the visual complies with the guidelines for Power BI visuals. Nie znaki wodne są dozwolone.No watermarks are allowed.

  • Wizualizacja korzysta wyłącznie ze składników OSS dostępnych do przeglądu publicznie (publicznych bibliotek JS lub TypeScript).Uses only public reviewable OSS components (JS libraries or TypeScript that are public. Kod źródłowy jest dostępny do przeglądu i nie ma znanych luk w zabezpieczeniach.The source code is available for reviewing and doesn't have known vulnerabilities). Nie możemy zweryfikować wizualizacji niestandardowej korzystającej ze składników komercyjnych.We can't verify a custom visual using a commercial component.

  • Wizualizacja nie korzysta z usług ani zasobów zewnętrznych, a więc między innymi nie wymaga wysyłania żadnych żądań HTTP/S ani WebSocket z usługi Power BI do jakichkolwiek innych usług.Does not access external services or resources, including but not limited to, no HTTP/S or WebSocket requests go out of Power BI to any services.

Porada

Zalecamy użycie programu EsLint z domyślnym zestawem reguł zabezpieczeń w celu wstępnego zweryfikowania kodu przed przesłaniem.We recommend that you use EsLint with default security ruleset, to pre-validate your code before submission.

Proces przesyłania wizualizacji niestandardowej do certyfikacjiProcess for submitting a custom visual for certification

Aby przesłać wizualizację niestandardową do certyfikacji:To submit a custom visual for certification:

  1. Wyślij wiadomość e-mail do zespołu pomocy technicznej w zakresie wizualizacji niestandardowych usługi Power BI (pbicvsupport@microsoft.com).Send an email to Power BI Custom Visuals Support team (pbicvsupport@microsoft.com). W wiadomości e-mail uwzględnij następujące informacje:In the email, include the following information:

    • Tytuł: Visual Certification RequestTitle: Visual Certification Request
    • Link do repozytorium w witrynie GitHub, w którym znajduje się kod źródłowy wizualizacji w formacie czytelnym dla człowieka.Link to GitHub repository where the human readable source code is hosted
    • Zapewnij zgodność z wymogami.Adhere to the requirements
    • Udostępnij kod do przeglądu.Pass the code review
  2. Zespół ds. wizualizacji niestandardowych w firmie Microsoft powiadomi Cię, gdy Twoja wizualizacja niestandardowa zostanie certyfikowana i dodana do listy wizualizacji certyfikowanych lub odrzucona (wówczas do powiadomienia będzie dołączony raport z informacjami, co należy naprawić).The Microsoft Custom Visuals team notifies you when your custom visual is certified and added to the certified list, or is rejected with a report of the issues that need to be fixed. Deweloper odpowiada za utrzymanie komunikacji z firmą Microsoft i zaktualizowanie certyfikowanych wizualizacji w wymagany sposób.It is the developer’s responsibility to maintain an open line of communication with Microsoft and to update their certified visuals as needed.

Lista certyfikowanych wizualizacjiList of custom visuals that have been certified

Link do witryny AppSourceLink to AppSource Link do klipu wideoLink to video
3AG Systems — wykres słupkowy o względnej wariancji3AG Systems - Bar Chart With Relative Variance
3AG Systems — wykres kolumnowy o względnej wariancji3AG Systems - Column Chart With Relative Variance
Zaawansowana wizualizacja wykresu pierścieniowegoAdvanced Donut Visual
Zaawansowana wizualizacja sieciAdvanced Network Visualization
Zaawansowana wizualizacja szeregu czasowegoAdvanced TimeSeries Visual
Zaawansowana wizualizacja kombiAdvanced Combo Visual
Aster PlotAster Plot
Kalendarz BeyondsoftBeyondsoft Calendar
Wykres Bowtie firmy MAQ SoftwareBowtie Chart by MAQ Software Klip wideoVideo
Wykres pudełkowyBox and Whisker chart
Wykres w formie skrzynki i wąsów firmy MAQ SoftwareBox and Whisker chart by MAQ Software Klip wideoVideo
Brick Chart firmy MAQ SoftwareBrick Chart by MAQ Software Klip wideoVideo
Wykres bąbelkowy firmy AkvelonBubble Chart by Akvelon
Bullet ChartBullet Chart Klip wideoVideo
Bullet Chart by OKVizBullet Chart by OKViz Klip wideoVideo
Calendar by TallanCalendar by Tallan
Candlestick by OKVizCandlestick by OKViz Klip wideoVideo
Card with States firmy OKVizCard with States by OKViz
Fragmentator ChicletChiclet Slicer
ChordChord Klip wideoVideo
Miernik okrągły firmy MAQ SoftwareCircular Gauge by MAQ Software Klip wideoVideo
Mapa klastraCluster Map
Miernik cylindryczny firmy MAQ SoftwareCylindrical Gauge by MAQ Software Klip wideoVideo
Miernik zegarowyDial Gauge
Wykres punktowyDot Plot
Dot Plot by OKVizDot Plot by OKViz Klip wideoVideo
Drilldown CartogramDrilldown Cartogram
Drilldown ChoroplethDrilldown Choropleth
Przechodzenie do szczegółów na wykresie kolumnowymDrill-down column chart Klip wideoVideo
Przechodzenie do szczegółów na wykresie kolumnowym dla danych opartych na czasieDrill-down column chart for time based data Klip wideoVideo
Przechodzenie do szczegółów na wykresie pierścieniowymDrill-down donut chart Klip wideoVideo
Dual KPIDual KPI
Dynamic Tooltip by MAQ SoftwareDynamic Tooltip by MAQ Software Klip wideoVideo
Enhanced ScatterEnhanced Scatter Klip wideoVideo
Enlighten AquariumEnlighten Aquarium
Enlighten SlicerEnlighten Slicer
Enlighten Stack ShuffleEnlighten Stack Shuffle
Wykres waflowy EnlightenEnlighten Waffle Chart
Filtrowanie według listy firmy DevscopeFilter by List by Devscope Klip wideoVideo
Force-Directed GraphForce-Directed Graph Klip wideoVideo
Funnel with Source firmy MAQ SoftwareFunnel with Source by MAQ Software Klip wideoVideo
GanttGantt Klip wideoVideo
Wykres Gantta firmy MAQ SoftwareGantt Chart by MAQ Software Klip wideoVideo
Globe Data BarsGlobe Data Bars
Grid by MAQ SoftwareGrid by MAQ Software Klip wideoVideo
Wykres hierarchiczny firmy AkvelonHierarchy Chart by Akvelon Klip wideoVideo
HistogramHistogram Chart
Histogram z punktami firmy MAQ SoftwareHistogram with points by MAQ Software Klip wideoVideo
Horizontal Funnel firmy MAQ SoftwareHorizontal Funnel by MAQ Software Klip wideoVideo
Image firmy CloudScopeImage by CloudScope
Siatka obrazówImage Grid
Infographic DesignerInfographic Designer
Wykres KPI firmy AkvelonKPI Chart by Akvelon
KPI Column firmy MAQ SoftwareKPI Column by MAQ Software Klip wideoVideo
KPI Grid firmy MAQ SoftwareKPI Grid by MAQ Software Klip wideoVideo
KPI IndicatorKPI Indicator
KPI Ticker by MAQ SoftwareKPI Ticker by MAQ Software Klip wideoVideo
Miernik liniowy firmy MAQ SoftwareLinear Gauge by MAQ Software Klip wideoVideo
Wykres LineDotLineDot Chart
Wykres MekkoMekko Chart Klip wideoVideo
Wiele kluczowych wskaźników wydajnościMulti KPI
Overview firmy CloudScopeOverview by CloudScope
Play Axis (Dynamic Slicer)Play Axis (Dynamic Slicer)
Power KPIPower KPI Klip wideoVideo
Power KPI — macierzPower KPI Matrix Klip wideoVideo
Pulse ChartPulse Chart Klip wideoVideo
Wykres kwadrantowy firmy MAQ SoftwareQuadrant Chart by MAQ Software Klip wideoVideo
Wykres radarowyRadar Chart
Ring Chart firmy MAQ SoftwareRing Chart by MAQ Software Klip wideoVideo
Rotating Chart firmy MAQ SoftwareRotating Chart by MAQ Software Klip wideoVideo
Wykres SankeyaSankey Chart Klip wideoVideo
Wykres punktowy firmy AkvelonScatter Chart by Akvelon
ScrollerScroller
Smart Filter firmy SQLBISmart Filter by OKViz Klip wideoVideo
Sparkline by OKVizSparkline by OKViz Klip wideoVideo
Wykres strumieniowyStream Graph
SunburstSunburst
Synoptic Panel firmy OKVizSynoptic Panel by OKViz
Table HeatmapTable Heatmap
TachometerTachometer Klip wideoVideo
Filtr tekstowyText Filter
Text Wrapper firmy MAQ SoftwareText Wrapper by MAQ Software
Thermometer firmy MAQ SoftwareThermometer by MAQ Software Klip wideoVideo
Fragmentator Time BrushTime Brush Slicer
Fragmentator osi czasuTimeline Slicer Klip wideoVideo
Timeline firmy CloudScopeTimeline by CloudScope Klip wideoVideo
Tornado chartTornado chart Klip wideoVideo
Trading Chart firmy MAQ SoftwareTrading Chart by MAQ Software Klip wideoVideo
Ultimate VarianceUltimate Variance Klip wideoVideo
Ultimate WaterfallUltimate Waterfall Klip wideoVideo
Lista użytkowników firmy CloudScopeUser List by CloudScope
Wykres WaffleWaffle Chart Klip wideoVideo
Word CloudWord Cloud Klip wideoVideo

Często zadawane pytaniaFAQ

Aby uzyskać więcej informacji na temat wizualizacji, zobacz sekcję często zadawanych pytań dotyczących wizualizacji certyfikowanych.For more information about visuals, see Frequently asked questions about certified visuals.

Następne krokiNext steps

Masz więcej pytań?More questions? Odwiedź społeczność usługi Power BITry the Power BI Community