https://perspective-daily.de/static/assets/Chart-Cwvtujk8.js

1import{d as e,a,c as i,k as t,p as l,h as n,O as s,f as d,g as u,B as r,F as o}from"./vue-Cbujuoqu.js";import{C as m,p as v,a as p,B as c,b as k,L as g,P as y,D as h,h as b,f,d as x,A as N}from"./index-CCN30SY8.js";import{D as F,_ as C}from"./date-adapter-m7TvUCIA.js";import{e as Y,h as A}from"./preload-helper-D9jEkzRM.js";import{_ as D}from"./LineChart.vue_vue_type_script_setup_true_lang-B3L2mi3Y.js";import"./apollo.client-CTIoy0fp.js";import"./exports-DzJyI3gR.js";import"./dayjs.min-BPP53oEz.js";import"./_commonjsHelpers-DFKeeuxH.js";import"./dayjs.min-DyvqyfD3.js";const X={class:"doughnut-chart"},O=e({__name:"DoughnutChart",props:{labels:{},data:{},extraOptions:{default:()=>({})},plugins:{default:()=>[]}},setup(e){m.register(v,p,c,k,g,y);const s=e,d=n(()=>({labels:s.labels,datasets:s.data})),u={responsive:!0,maintainAspectRatio:!1,interaction:{intersect:!0,mode:"point"},plugins:{legend:{display:!0},title:{display:!0}}},r=n(()=>s.extraOptions?Y(u,s.extraOptions):u);return(n,s)=>(a(),i("div",X,[t(l(h),{labels:e.labels,data:d.value,options:r.value,plugins:e.plugins},null,8,["labels","data","options","plugins"])]))}}),_={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"chart"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"id"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"ID"}}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"chart"},arguments:[{kind:"Argument",name:{kind:"Name",value:"pk"},value:{kind:"Variable",name:{kind:"Name",value:"id"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"title"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"type"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"horizontal"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"stacked"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"noZeros"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"showX"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"showY"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"showY2"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"labelsX"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"labelXAxis"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"minX"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"maxX"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"labelYAxis"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"minY"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"maxY"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"useY2"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"labelYAxis2"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"autoskip"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"pdColors"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"hideLegend"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"labelsTimeX"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"scaleType"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"timeUnit"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"timeTooltip"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"datasets"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"color"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"dashed"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"data"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"fill"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"kind"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"isContinuous"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"label"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"stackWith"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"yAxis"},arguments:[],directives:[]}]}}]}}]}}],loc:{start:0,end:706,source:{name:"GraphQL request",locationOffset:{line:1,column:1},body:"query chart($id: ID!) {\n    chart(pk: $id) {\n        id\n        title\n        type\n        horizontal\n        stacked\n        noZeros\n        showX\n        showY\n        showY2\n        labelsX\n        labelXAxis\n        minX\n        maxX\n        labelYAxis\n        minY\n        maxY\n        useY2\n        labelYAxis2\n        autoskip\n        pdColors\n        hideLegend\n        labelsTimeX\n        scaleType\n        timeUnit\n        timeTooltip\n        datasets {\n            color\n            dashed\n            data\n            fill\n            id\n            kind\n            isContinuous\n            label\n            stackWith\n            yAxis\n        }\n    }\n}\n"}}},L={class:"pie-chart"},S=e({__name:"PieChart",props:{labels:{},data:{},extraOptions:{default:()=>({})},plugins:{default:()=>[]}},setup(e){m.register(v,p,c,k,g,y);const s=e,d=n(()=>({labels:s.labels,datasets:s.data}

1)),u={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!0},title:{display:!0}}},r=n(()=>s.extraOptions?Y(u,s.extraOptions):u);return(n,s)=>(a(),i("div",L,[t(l(b),{labels:e.labels,data:d.value,options:r.value,plugins:e.plugins},null,8,["labels","data","options","plugins"])]))}}),T=["id"],j={key:1,style:{"margin-top":"0 !important"}},w={key:2,style:{"margin-top":"0 !important"}},M=e({__name:"Chart",props:{id:{}},setup(e){f._date.override(F),m.register(v,p,x,c,k,g,y,N);const t=e,{result:h,loading:b}=s(_,{id:t.id}),Y=n(()=>{var e,a;return null!=(a=null==(e=h.value)?void 0:e.chart)?a:{}}),X=n(()=>Y.value?"pie"===Y.value.type||"doughnut"===Y.value.type?Array.from(Y.value.datasets,e=>e.label):"bar"===Y.value.type&&Y.value.horizontal&&0===Y.value.labelsX.length?[" "]:"time"===Y.value.scaleType?Y.value.labelsTimeX:Y.value.labelsX:[]),L=n(()=>Y.value?"pie"===Y.value.type||"doughnut"===Y.value.type?[{data:Array.from(Y.value.datasets,e=>e.data),backgroundColor:Array.from(Y.value.datasets,e=>{var a;return(null==(a=Y.value)?void 0:a.pdColors)?z[M(e)]:e.color}),label:"Datensatz"}]:Array.from(Y.value.datasets,e=>{var a,i,t,l,n;return{label:e.label,backgroundColor:(null==(a=Y.value)?void 0:a.pdColors)?A(z[M(e)],e.fill?.8:.2):A(e.color,.5),borderColor:(null==(i=Y.value)?void 0:i.pdColors)?z[M(e)]:e.color,data:(null==(t=Y.value)?void 0:t.noZeros)?e.data.map(e=>0===e?null:e):e.data,borderWidth:2,yAxisID:(null==(l=Y.value)?void 0:l.useY2)?"y-axis-".concat(e.yAxis):"y-axis-1",fill:e.fill,borderDash:e.dashed?[5,5]:[0,0],lineTension:e.isContinuous?.4:0,type:!(""===e.kind||"bar"===Y.value.type&&(null==(n=Y.value)?void 0:n.horizontal))&&e.kind,pointBorderWidth:.1,pointRadius:1,pointHitRadius:5,id:e.id,stack:Y.value.stacked?e.stackWith:e.id}}):[]);function M(e){return Y.value?Y.value.datasets.indexOf(e):0}const z=["#58e4b2","#42a5f5","#ff8465","#ba68c8","#ffa726","#424242","#bdbdbd","#F2CCC3","#355070","#AF1D72","#FACB0F","#1A5E63"],E=n(()=>{var e,a;if(!Y.value)return{};const i="line"===Y.value.type||"bar"===Y.value.type?{interaction:{intersect:!1,mode:"index"}}:{},t=Y.value.horizontal?{indexAxis:"y"}:{},l=Y.value.horizontal?{}:{callback(e,a,i){const t=Number(e);return Number.isNaN(t)?e:Intl.NumberFormat("de-DE",{style:"decimal"}).format(t)}};return{...i,...t,locale:"de",plugins:{legend:{display:!1},title:{display:!1},tooltip:{callbacks:{title:e=>{const a=e[0].label;return a||""},label:e=>{let a;return a="pie"===Y.value.type||"doughnut"===Y.value.type?e.label:e.dataset.label||"",a&&(a+=": "),a+=e.formattedValue,a}}}},scales:{"y-axis-1":{display:!("pie"===Y.value.type||"doughnut"===Y.value.type),position:"left",stacked:Y.value.stacked,suggestedMin:null!=(e=Y.value.minY)?e:void 0,suggestedMax:null!=(a=Y.value.maxY)?a:void 0,title:{display:Y.value.showY,text:Y.value.labelYAxis,font:{family:"Montserrat, sans-serif"}},ticks:{autoSkip:Y.value.autoskip,autoSkipPadding:15,font:{family:"Montserrat, sans-serif"},...l}},"y-axis-2":{display:"pie"!==Y.value.type&&"doughnut"!==Y.value.type&&Y.value.useY2,position:"right",stacked:Y.value.stacked,title:{display:Y.value.showY2,text:Y.value.labelYAxis2,font:{family:"Montserrat, sans-serif"}},ticks:{fontFamily:"Montserrat, sans-serif"}},x:{type:B.value,display:!("pie"===Y.value.type||"doughnut"===Y.value.type),suggestedMin:Y.value.minX,suggestedMax:Y.value.maxX,gridLines:{display:!0},stacked:Y.value.stacked,title:{display:Y.value.showX,text:Y.value.labelXAxis,font:{family:"Montserrat, sans-serif"}},ticks:{autoSkip:Y.value.autoskip,autoSkipPadding:15,font:{family:"Montserrat, sans-serif"}},time:{parser:"YYYY-MM-DD HH:mm:ss",unit:Y.value.timeUnit.toLowerCase(),tooltipFormat:Y.value.timeTooltip}}}}}),I={id:"htmlLegend",afterUpdate(e,a,i){const l=document.getElementById("chart-".concat(t.id,"-legends"));if(!l)return;for(;l.firstChild;)l.firstChild.remove();e.options.plugins.legend.labels.generateLabels(e).forEach(a=>{const i=document.createElement("div");i.classList.add("legendContainer"),i.onclick=()=>{const{type:i}=e.config;"pie"===i||"doughnut"===i?e.toggleDataVisibility(a.index):e.setDatasetVisibility(a.datasetIndex,!e.isDatasetVisible(a.datasetIndex)),e.update(

1)};const t=document.createElement("span"),{type:n}=e.config;t.style.background="pie"===n||"doughnut"===n?a.fillStyle:a.strokeStyle,t.classList.add("legendColor");const s=document.createElement("span");s.style.textDecoration=a.hidden?"line-through":"",s.classList.add("legendText");const d=document.createTextNode(a.text);s.appendChild(d),i.appendChild(t),i.appendChild(s),l.appendChild(i)})}},V=n(()=>[I]),B=n(()=>Y.value?"time"===Y.value.scaleType?"time":Y.value.horizontal?"linear":"category":"");return(t,n)=>{var s;return a(),i(o,null,[Y.value&&!Y.value.hideLegend?(a(),i("div",{key:0,id:"chart-".concat(e.id,"-legends"),class:d(["chartLegend",{hideme:null==(s=Y.value)?void 0:s.hideLegend}])},null,10,T)):u("",!0),l(b)?(a(),i("h2",j,"Das Diagramm wird geladen.")):Y.value?"pie"===Y.value.type?(a(),r(S,{key:3,labels:X.value,data:L.value,extraOptions:E.value,plugins:V.value,cssClasses:"pie-chart"},null,8,["labels","data","extraOptions","plugins"])):"doughnut"===Y.value.type?(a(),r(O,{key:4,labels:X.value,data:L.value,extraOptions:E.value,plugins:V.value,cssClasses:"doughnut-chart"},null,8,["labels","data","extraOptions","plugins"])):"bar"===Y.value.type?(a(),r(C,{key:5,labels:X.value,data:L.value,extraOptions:E.value,plugins:V.value,cssClasses:"bar-chart"},null,8,["labels","data","extraOptions","plugins"])):"line"===Y.value.type?(a(),r(D,{key:6,labels:X.value,data:L.value,extraOptions:E.value,plugins:V.value,cssClasses:"line-chart"},null,8,["labels","data","extraOptions","plugins"])):u("",!0):(a(),i("h2",w,"Das Diagramm konnte nicht richtig geladen werden."))],64)}}});export{M as default};