Søg i Septima Widget K
Styling af graf ud fra data
Brug data til at bestemme hvordan data skal vises i grafen. I dette eksempel benyttes chartjs-plugin-annotation til at få vist en baggrund, der er afhængig af hvilken dag, der vises. Dette kan være med til at give et bedre inblik i en fordeling. Men det kan også bruges til en lang række andre ting, der gør det nemmere at fremhæve specifikke elementer i grafen.
Benyt samtidig data til at bestemme hvilken farve den enkelte søjle skal have. Der er også et custom tooltip, der kan indeholde lige hvad man har lyst til.
For at gøre håndteringen af data nemmere, benyttes computedProperties til at forberede data, inden de benyttes i forbindelse med grafen. Dette gør det nemmere at overskue og nemmere at lave de efterfølgende templates.
Vis konfigurationen
json
html
<div data-widget-url="https://widget.cdn.septima.dk/3.13.2/config/chart17.json"></div>
<script src="https://widget.cdn.septima.dk/3.13.2/widgetconfig.js"></script>
Relaterede eksempler
Der er desværre ingen eksempler, der bruger de samme komponenter.