https://0x.kz/build/assets/AreaChart-KgOn3J04.js

1import{L as i}from"./index-CsDG7sQh.js";import{C as p,p as c,a as l,b as d,L as h,c as u,d as f,P as m,i as b}from"./chart-4zv7KpEq.js";import{_ as g,B as C,o as _,g as D}from"./app-DVhk9hEg.js";/* empty css            */p.register(c,l,d,h,u,f,m,b);const L={name:"AreaChart",components:{Line:i},props:{data:{type:Object,required:!0}},data(){return{chartData:{labels:[],datasets:[]},chartOptions:{responsive:!0,plugins:{legend:{display:!0,position:"top"},title:{display:!0,text:"Area Chart"}},scales:{y:{beginAtZero:!0}}}}},watch:{data:{deep:!0,handler(){this.prepareChartData(),this.updateChart()}}},mounted(){this.prepareChartData()},methods:{prepareChartData(){if(!this.data.data||this.data.data.length===0){this.chartData={labels:[],datasets:[]};return}const t=[...new Set(this.data.data.map(e=>Object.values(e)[0]||""))],r=t.map(e=>this.data.data.filter(a=>(Object.values(a)[0]||"Без метки")===e).reduce((a,s)=>a+(Object.values(s)[1]||0),0));this.chartData={labels:t,datasets:[{label:t,data:r,backgroundColor:"rgba(75, 192, 192, 0.2)",borderColor:"rgba(75, 192, 192, 1)",borderWidth:2,fill:!0,tension:.4}]}},updateChart(){var t;(t=this.$refs.chartRef)!=null&&t.chartInstance&&this.$refs.chartRef.chartInstance.update()}}};function O(t,r,e,n,a,s){const o=C("Line");return _(),D(o,{id:"area-chart",options:a.chartOptions,data:a.chartData,ref:"chartRef"},null,8,["options","data"])}const A=g(L,[["render",O]]);export{A as default};