Hopp til hovedinnhold
Meny

lmfaole.party / designsystem / funksjoner / Finn ytterpunkter i datasett

  • Forside
  • Turer
  • Økonomi
  • Slides
  • finnYtterpunkter – Finn ytterpunkter i datasett / Find data set extremes

    Om funksjonen

    Formål

    Finner høyeste og laveste verdi i et sett med etikett/verdi-par. Brukes av <lm-chart-bar>, <lm-chart-line>, <lm-chart-area> og <lm-chart-scatter> til å bygge det synlige tekstsammendraget som vises under hvert diagram (f.eks. «Høyest: tirsdag (40). Lavest: mandag (12).»), i tillegg til den skjulte datatabellen. Se designsystem/guider/tall-og-statistikk/ for hvorfor et synlig sammendrag er en del av tilgjengelig statistikk - WAI sin veiledning om komplekse bilder anbefaler at et tekstsammendrag av det en visualisering viser gjøres tilgjengelig for alle, ikke bare skjermleserbrukere.

    Egner seg for

    • Å generere et kort, menneskelesbart sammendrag av et diagrams data (høyeste/laveste punkt) som vises synlig ved siden av selve visualiseringen.
    • Ethvert sted et sett med etikett/verdi-par trenger sine ytterpunkter, ikke bare diagramkomponentene.

    Egner seg ikke for

    • Mer avanserte trendmål (stigningstall, standardavvik) - se beregn-sentraltendens for grunnleggende sentraltendens-/spredningsmål.
    • Datasett der label ikke er unik og selve identiteten til ytterpunktet er tvetydig - funksjonen returnerer bare første treff ved uavgjort.

    Signatur(er)

    finnYtterpunkter(punkter: Array<{label: string, value: number}>) => {hoyeste: {label: string, value: number}, laveste: {label: string, value: number}} | null

    Parameter Type Beskrivelse
    punkterArray<{label: string, value: number}>Etikett/verdi-par, f.eks. rådataene bak et stolpe- eller linjediagram.

    Returnerer: Ytterpunktene, eller null hvis punkter er tom. Ved uavgjort velges det først forekommende punktet.

    import {finnYtterpunkter} from "/designsystem/funksjoner/statistikk/finn-ytterpunkter/finn-ytterpunkter.js";
    
    finnYtterpunkter([{label: "Man", value: 12}, {label: "Tir", value: 40}]);
    // {hoyeste: {label: "Tir", value: 40}, laveste: {label: "Man", value: 12}}

    Prøv selv

    Rediger uttrykket under - returverdien oppdateres live.

    Tilgjengelighet

    Ikke relevant i seg selv (ren logikk uten DOM), men eksisterer nettopp for å styrke tilgjengeligheten til diagramkomponentene som bruker den - se tilgjengelighet-feltet i chart-bar/chart-line/chart-area/chart-scatter sine egne manifester.

    Referanser

    Se også:

    Brukes av:

    • designsystem/komponenter/data-visualisering/chart-bar/
    • designsystem/komponenter/data-visualisering/chart-line/
    • designsystem/komponenter/data-visualisering/chart-area/
    • designsystem/komponenter/data-visualisering/chart-scatter/

    Avhengigheter: Ingen