Använda diagram i interaktiv kommunikation using-charts-in-interactive-communications

Med diagram i en interaktiv kommunikation kan du komprimera stora mängder information till ett enkelt sätt att analysera och förstå visuellt format

Ett diagram eller diagram är en visuell representation av data. Det komprimerar stora mängder information till ett lättbegripligt visuellt format, vilket gör det möjligt för mottagarna av interaktiv kommunikation att bättre visualisera, tolka och analysera komplexa data.

När du skapar en interaktiv kommunikation kan du lägga till diagram som visuellt representerar tvådimensionella data från datamodellen i den interaktiva kommunikationen. Med diagramkomponenten kan du lägga till och konfigurera följande typer av diagram:

Lägga till och konfigurera diagram i en interaktiv kommunikation add-and-configure-chart-in-an-interactive-communication

Gör så här för att lägga till ett diagram i en interaktiv kommunikation:

Exempel 1: Diagramutdata för tryck och webb chartoutputprintweb

På fliken Grundläggande definierar du diagramtyp, egenskaper för källformulärdatamodellen som innehåller data, etiketter som ska ritas på x- och y-axeln i diagrammet och eventuellt statistikfunktionen för att beräkna värdena för plottning i diagrammet.

Låt oss i detalj förstå vilken information som minst krävs i grundläggande egenskaper, med hjälp av ett kreditkortsutdrag som genererats med en interaktiv kommunikation. Tänk på att du vill generera ett diagram som avbildar beloppet för olika utgifter i utdraget. Du vill använda olika typer av diagram för utskrift och webb i den interaktiva kommunikationen.

För att uppnå detta måste du ange:

Bild: Kolumndiagram i utskrift av interaktiv kommunikation

S. Y-axel - Mängd hämtad från formulärdatamodellens egenskap och Title-egenskapen har angetts till Amount ($) B. Etikettriktning för X-axel inställd på Lutning vänster C. X-axel - utgiftsbeskrivningen har hämtats från formulärdatamodellens egenskap och egenskapen Title har angetts till Expense

Bild: Visa diagram i webbutdata för interaktiv kommunikation

S. Egenskapen Innerradie för munstycket är inställd B. Egenskapen Visa förklaring är markerad och egenskapen Förklaringsposition är inställd på Höger C. Verktygstips visar detaljerna för objektet när muspekaren förs över - Funktionsbeskrivningen är inställd på ${x}: $ $

Exempel 2: Användning av summerings- och frekvensfunktioner i ett linjediagram applicationsumfrequency

Genom att använda funktioner i ett diagram kan du rita data som inte tillhandahålls direkt av formulärdatamodellen. I det här exemplet använder vi ett kreditkortsexempel för att förstå hur summerings- och frekvensfunktioner kan användas i diagrammet.

Bild: Linjediagram utan funktion med tre"Bed and Breakfast"-transaktioner

Summeringsfunktion sum-function

Du kan använda summafunktionen för att lägga till värden för flera instanser av samma dataegenskap och bara visa den en gång. I följande diagram används funktionen Sum på Y-axeln för att lägga till beloppet för de tre Bed- och Frukost-transaktionerna ($99,45, $78 och $12) och bara visa en transaktion ($189.45).

Summeringsfunktionen kan göra diagrammet mer användbart när du vill sortera och visa summan för många förekomster av samma dataegenskap.

Frekvensfunktion frequency-function

Frekvensfunktionen returnerar antalet värden på X- eller Y-axeln för ett givet värde på den andra axeln. När funktionen Frekvens används på y-axeln (Belopp/TransAmount) visar diagrammet att det finns tre förekomster av Bed- och Breakfast-transaktioner och en förekomst av de övriga transaktionstyperna.

Grundläggande egenskaper i diagram basicpropertiescharts

På fliken Grundläggande kan du konfigurera följande egenskaper:

Namn En identifierare för diagramelementet. Namnet är inte synligt i diagrammet, men det är användbart när du refererar till elementet från andra komponenter, skript och SOM-uttryck.

Titel (endast utskriftskanalen) Anger diagrammets rubrik.

Diagramtyp Anger vilken typ av diagram du vill generera. De tillgängliga alternativen är Cirkel, Kolumn, Ring upp, Stapel (endast webbkanal), Linje, Linje och Punkt, Punkt och Yta. Mer information finns i exempel 1: Diagramutdata för tryck och webb.

X-axel > Titel Anger x-axelns rubrik.

X-axel > Data Model Object * Ange namnet på den formulärdatamodellsamling som ska ritas på x-axeln.

X-axel > Funktion Anger den statistiska/anpassade funktion som ska användas för att beräkna värdena på x-axeln. Mer information om funktioner finns i Använda funktioner i diagram och exempel 2: Användning av summor- och medelfunktioner i ett linjediagram.

X-axel > Etikettriktning Etikettens riktning i utskriftskanalen. Om du väljer riktning för etiketten som Anpassad rotation visas fältet Anpassad rotationsvinkel (grader). I fältet Anpassad rotationsvinkel (grader) kan du välja rotationsvinkel i steg om 15 grader.

Y-axel > Titel Anger rubriken för y-axeln.

Y-axel > datamodellobjekt * Anger det objekt i formulärdatamodellens samling som ska ritas på y-axeln. I utskriftskanalen ska datamodellobjektet för Y-axeln vara av typen Number.

Y-axel > Funktion Anger den statistiska/anpassade funktion som ska användas för beräkning av värdena på y-axeln. Mer information om funktioner finns i Använda funktioner i diagram och exempel 2: Användning av summor- och medelfunktioner i ett linjediagram.

Visa förklaring Visar en förklaring för cirkeldiagrammet eller mundiagrammet när det är aktiverat.

Förklaringens position Anger förklaringens position i förhållande till diagrammet. De tillgängliga alternativen är Höger, Vänster, Upptill och Nedtill.

Höjd (endast utskriftskanalen) Diagrammets höjd i pixlar.

Bredd (endast utskriftskanalen) Diagrammets bredd i pixlar.

Verktygstips (endast webbkanal) Anger det format som verktygstipset visas i när användaren för musen över en datapunkt i diagrammet i webbkanalen. Standardvärdet är ${x}(${y}). Beroende på diagramtyp ersätts variablerna ${x} och ${y} dynamiskt med motsvarande värden på x-axeln och y-axeln när du pekar med musen på en punkt, stapel eller segment i diagrammet, och visas i verktygstipset.

Om du vill inaktivera verktygstipset lämnar du fältet Verktygstips tomt. Det här alternativet gäller inte för linjediagram och ytdiagram. Se till exempel Exempel 1: Diagramutdata för tryck och webb.

CSS-klass (endast webbkanal) Ange namnet på en CSS-klass i CSS-klassfältet som ska användas för anpassad formatering i diagrammet.

Obligatorisk sidbrytning före (endast utskriftskanalen) Välj det här alternativet om du vill lägga till en obligatorisk sidbrytning före diagrammet och placera diagrammet överst på en ny sida.

Obligatorisk sidbrytning efter (endast utskriftskanalen) Välj det här alternativet om du vill lägga till en obligatorisk sidbrytning efter diagrammet och placera innehållet efter diagrammet överst på en ny sida.

Indrag (endast tryckkanal) Ange diagrammets indrag från sidans vänstra kant.

Diagramspecifika konfigurationer Förutom vanliga konfigurationer finns följande diagramspecifika konfiguration tillgänglig:

Använda funktioner i diagram usefunction

Du kan konfigurera ett diagram så att statistiska funktioner används för att beräkna värden från källdata för plottning i diagrammet. Genom att använda funktioner i ett diagram kan du rita data som inte tillhandahålls direkt av formulärdatamodellen.

Även om diagramkomponenten innehåller vissa inbyggda funktioner kan du skriva egna funktioner och göra dem tillgängliga för användning i diagramkonfigurationen i webbkanalen.

Standardfunktioner default-functions

Följande funktioner är tillgängliga som standard med komponenten Chart:

Medel (medel) Returnerar medelvärdet av värdena på X- eller Y-axeln för ett givet värde på den andra axeln.

Summa Returnerar summan av alla värden på X- eller Y-axeln för ett givet värde på den andra axeln.

Maximal Returnerar det maximala värdet på X- eller Y-axeln för ett givet värde på den andra axeln.

Frekvens Returnerar antalet värden på X- eller Y-axeln för ett givet värde på den andra axeln.

Intervall Returnerar skillnaden mellan det högsta och det lägsta värdet på X- eller Y-axeln för ett givet värde på den andra axeln.

Median Returnerar det värde som skiljer högre och lägre värden i halva X- eller Y-axeln från varandra för ett givet värde på den andra axeln.

Minimum Returnerar det minsta värdet på X- eller Y-axeln för ett givet värde på den andra axeln.

Läge Returnerar värdet med de flesta förekomster på X- eller Y-axeln för ett givet värde på den andra axeln

Anpassade funktioner i webbkanalen custom-functions-in-web-channel

Förutom att använda standardfunktionerna i diagram kan du skriva anpassade funktioner i JavaScript™ och göra dem tillgängliga i listan med funktioner i diagramkomponenten för webbkanalen.

En funktion tar en eller flera matriser och ett kategorinamn som indata och returnerar ett värde. Till exempel:

Multiply(valueArray, category) {
 var val = 1;
 _.each(valueArray, function(value) {
 val = val * value;
 });
 return val;
}

När du har skrivit en anpassad funktion gör du följande för att göra den tillgänglig för användning i diagramkonfigurationen:

Funktionen kan nu användas i diagrammet.