{"id":522,"date":"2016-02-27T18:49:01","date_gmt":"2016-02-27T16:49:01","guid":{"rendered":"http:\/\/www.flip-design.de\/?p=522"},"modified":"2016-02-27T19:01:17","modified_gmt":"2016-02-27T17:01:17","slug":"synoptic-designer-for-power-bi-custom-visuals","status":"publish","type":"post","link":"https:\/\/www.flip-design.de\/?p=522","title":{"rendered":"SYNOPTIC DESIGNER FOR POWER BI \u2013 CUSTOM VISUALS"},"content":{"rendered":"

Mit dem Synoptic Designer f\u00fcr Power BI k\u00f6nnen individuelle Grafiken erstellt und integriert werden. Hierf\u00fcr nutzen ich den Power BI Designer (Desktop Version) \u00a0f\u00fcr Windows.
\n[Download: https:\/\/powerbi.microsoft.com\/de-de\/desktop\/<\/a>]<\/p>\n

Aufbau<\/h1>\n

In diesem Artikel m\u00f6chte ich demonstrieren wie ein Fu\u00dfballfeld in einen Bericht integriert wird, um Statistiken aus einem Fu\u00dfball-Spiel visuell besser darstellen zu k\u00f6nnen.<\/p>\n

Das Spielfeld ist schnell selbst gezeichnet oder aus dem Internet geladen und auf der Synoptic Webseite [https:\/\/synoptic.design\/ ] wird dies eingef\u00fcgt und die Bereiche werden markiert:\"1\"<\/a><\/p>\n

Daten<\/h2>\n

Die korrespondierende Excel Tabelle mit den Daten ist folgenderma\u00dfen aufgebaut:<\/p>\n

\"2\"<\/a><\/p>\n

Die Spalte \u201eArea\u201c gibt auch den Namen im Designer, dadurch erfolgt die Zuordnung der Daten auf das Spielfeld, bzw. die Grafik.<\/p>\n

Integration<\/h2>\n

Im Designer exportiert man nun die Grafik mit den Markierungen via \u201eExport to Power BI\u201c als SVG Datei.<\/p>\n

Zuerst wird aber die Excel Tabelle in den Power BI Designer importiert:<\/p>\n

\"3\"<\/a><\/p>\n

Anschlie\u00dfend erstellen wir noch folgende Measures zum z\u00e4hlen des Spielstandes:<\/p>\n

    \n
  1. Tore Team B = CALCULATE(COUNTA(Spieldaten[Aktion]); Spieldaten[Aktion]=“Tor“; Spieldaten[Team] =“B“)<\/li>\n
  2. Tore Team A = CALCULATE(COUNTA(Spieldaten[Aktion]); Spieldaten[Aktion]=“Tor“; Spieldaten[Team] =“A“)<\/li>\n
  3. Tore Gesamt = [Tore Team A]+[Tore Team B]<\/li>\n<\/ol>\n

     <\/p>\n

    Der n\u00e4chste Schritt ist, die sogenannten Custom Visuals in den Designer zu verankern, daf\u00fcr w\u00e4hlt man auf der Webseite \u201eGet the latest Version\u201c und l\u00e4dt die Datei herunter. Anschlie\u00dfend wird diese integriert:<\/p>\n

    \"4\"<\/a><\/p>\n

    Nun kann dieses Panel in den Bericht integriert werden.<\/p>\n

    Design und Aufbereitung<\/h2>\n

    Nachdem das Panel positioniert wurde, werden die Felder aus den Daten eingesetzt:<\/p>\n

    Area -> Legend<\/p>\n

    Aktion -> Values<\/p>\n

    \"5\"<\/a><\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

    Anschlie\u00dfend wird via \u201eselect map\u201c die heruntergeladene Karte (SVG Datei) ausgew\u00e4hlt.<\/p>\n

    Nun werden noch weitere Grafiken positioniert und bef\u00fcllt:<\/p>\n

    \"6\"<\/a><\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

    Okay, anschlie\u00dfend noch das Dashboard auf das kostenlose Power BI Konto hochladen und im Web ver\u00f6ffentlichen:
    \n    Link<\/a><\/p>\n