%PDF- %PDF-
Direktori : /home/opti/workflow/src/public/app-assets/js/scripts/charts/d3/circle/ |
Current File : /home/opti/workflow/src/public/app-assets/js/scripts/charts/d3/circle/styled-venn.js |
/*========================================================================================= File Name: styled-venn.js Description: D3 styled venn diagram ---------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: PIXINVENT Author URL: http://www.themeforest.net/user/pixinvent ==========================================================================================*/ // Styled venn diagram // ------------------------------ $(window).on("load", function(){ var sets = [ {sets : [0], label : 'SE', size : 28,}, {sets : [1], label : 'Treat', size: 35}, {sets : [2], label : 'Anti-CCP', size : 108}, {sets : [3], label : 'DAS28', size:106}, {sets : [0,1], size:1}, {sets : [0,2], size:1}, {sets : [0,3], size:14}, {sets : [1,2], size:6}, {sets : [1,3], size:0}, {sets : [2,3], size:1}, {sets : [0,2,3], size:1}, {sets : [0,1,2], size:0}, {sets : [0,1,3], size:0}, {sets : [1,2,3], size:0}, {sets : [0,1,2,3], size:0} ]; var ele = d3.select("#styled-venn"); var chart = venn.VennDiagram() .width(400) .height(400) .fontSize("24px"); ele.datum(sets).call(chart); ele.selectAll(".venn-circle path") .style("fill-opacity", .8); ele.selectAll(".venn-circle text") .style("fill", "white") .style("font-weight", "100"); });