31:T416,buildvis = { let view = md`${container("")}` let barMat = new dc.BarChart(view.querySelector("#bar-mat")) .width(600) .height(500) .x(escala) .xUnits(dc.units.ordinal) .margins({top: 50, right: 10, bottom: 25, left: 25}) .dimension(dimStack) .group(typeByGroup, "Nitrogen") .valueAccessor( function(d) { return d.value.Nitrogen; }) .stack(typeByGroup, "normal", function (d) { return d.value.normal; }) .stack(typeByGroup, "stress", function (d) { return d.value.stress; }) .elasticY(true) // .colorAccessor(function(d) {return +d.key[0]; }) .brushOn(false) dc.renderAll() return view }32:[] 2f:{"title":"Barchart Stack Example","cells":[{"id":0,"value":"md`# Barchart Stack Example`","pinned":true,"hidden":false,"mode":"ojs"},{"id":2,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":33,"value":"function container() {\n return `\n

\n \n

Graph

\n \n

\n `;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":69,"value":"data = d3.csv(\"https://raw.githubusercontent.com/holtzy/D3-graph-gallery/master/DATA/data_stacked.csv\") //Extraído do código ","pinned":true,"hidden":false,"mode":"ojs"},{"id":523,"value":"escala = d3.scaleOrdinal().domain([\"banana\", \"poacee\", \"sorgho\", \"triticum\"])","pinned":true,"hidden":false,"mode":"ojs"},{"id":150,"value":"margin = 600//Extraído do código ","pinned":true,"hidden":false,"mode":"ojs"},{"id":26,"value":"dimStack = facts.dimension(d => d.group)","pinned":true,"hidden":false,"mode":"ojs"},{"id":532,"value":"typeByGroup = dimStack.group().reduce(\n function (p, v) {\n p.Nitrogen += +v.Nitrogen;\n p.normal += +v.normal;\n p.stress += +v.stress;\n return p;\n },\n function (p, v) {\n p.Nitrogen -= +v.Nitrogen;\n p.normal -= +v.normal;\n p.stress -= +v.stress;\n return p;\n },\n function () {\n return {\n Nitrogen: 0,\n normal: 0,\n stress: 0\n };\n }\n );\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":535,"value":"typeByGroup.top(1)","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"facts = crossfilter(data)","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"dc = require('dc')","pinned":true,"hidden":false,"mode":"ojs"},{"id":9,"value":"d3 = require(\"d3@5\")//Extraído do código ","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"bootstrap = require('bootstrap')","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"crossfilter = require('crossfilter2')","pinned":true,"hidden":false,"mode":"ojs"},{"id":157,"value":"dimensions = ({ \n height:400,\n width:600, \n margin: {\n top: 10,\n right: 30,\n bottom: 20,\n left: 50,\n } \n })","pinned":true,"hidden":false,"mode":"ojs"},{"id":32,"value":"html`css \n\n\n`","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}