%PDF- %PDF-
Direktori : /home/opti/workflow/src/public/app-assets/js/scripts/charts/d3/line/ |
Current File : /home/opti/workflow/src/public/app-assets/js/scripts/charts/d3/line/stacked-area.min.js |
/*! * stack-admin-theme (https://pixinvent.com/bootstrap-admin-template/stack) * Copyright 2018 PIXINVENT * Licensed under the Themeforest Standard Licenses */ $(window).on("load",function(){function resize(){width=ele.node().getBoundingClientRect().width-margin.left-margin.right,container.attr("width",width+margin.left+margin.right),svg.attr("width",width+margin.left+margin.right),x.range([0,width]),svg.selectAll(".d3-xaxis").call(xAxis),browser.selectAll(".d3-area").attr("d",function(d){return area(d.values)})}var browser,ele=d3.select("#stacked-area"),margin={top:20,right:20,bottom:30,left:50},width=ele.node().getBoundingClientRect().width-margin.left-margin.right,height=500-margin.top-margin.bottom,parseDate=d3.time.format("%y-%b-%d").parse,formatPercent=d3.format(".0%"),x=d3.time.scale().range([0,width]),y=d3.scale.linear().range([height,0]),color=d3.scale.ordinal().range(["#99B898","#FECEA8","#FF847C","#E84A5F","#2A363B"]),xAxis=d3.svg.axis().scale(x).orient("bottom"),yAxis=d3.svg.axis().scale(y).orient("left").tickFormat(formatPercent),area=d3.svg.area().x(function(d){return x(d.date)}).y0(function(d){return y(d.y0)}).y1(function(d){return y(d.y0+d.y)}),stack=d3.layout.stack().values(function(d){return d.values}),container=ele.append("svg"),svg=container.attr("width",width+margin.left+margin.right).attr("height",height+margin.top+margin.bottom).append("g").attr("transform","translate("+margin.left+","+margin.top+")");d3.tsv("../../../app-assets/data/d3/line/stacked-area.tsv",function(error,data){if(error)throw error;color.domain(d3.keys(data[0]).filter(function(key){return"date"!==key})),data.forEach(function(d){d.date=parseDate(d.date)});var browsers=stack(color.domain().map(function(name){return{name:name,values:data.map(function(d){return{date:d.date,y:d[name]/100}})}}));x.domain(d3.extent(data,function(d){return d.date})),browser=svg.selectAll(".browser").data(browsers).enter().append("g").attr("class","browser"),browser.append("path").attr("class","d3-area").attr("d",function(d){return area(d.values)}).style("fill",function(d){return color(d.name)}),browser.append("text").datum(function(d){return{name:d.name,value:d.values[d.values.length-1]}}).attr("transform",function(d){return"translate("+x(d.value.date)+","+y(d.value.y0+d.value.y/2)+")"}).attr("x",-6).attr("dy",".35em").style("fill","#666").style("font-size",12).text(function(d){return d.name}),svg.append("g").attr("class","d3-axis d3-xaxis").attr("transform","translate(0,"+height+")").call(xAxis),svg.append("g").attr("class","d3-axis d3-yaxis").call(yAxis)}),$(window).on("resize",resize),$(".menu-toggle").on("click",resize)});