%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/medical-venn.js |
/*========================================================================================= File Name: medical-venn.js Description: D3 medical 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 ==========================================================================================*/ // Medical 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("#medical-venn"); var colors = d3.scale.ordinal() .range(["#99B898", "#FECEA8", "#FF847C", "#6C5B7B"]); var chart = venn.VennDiagram() .width(400) .height(400) .fontSize("24px"); ele.datum(sets).call(chart); ele.selectAll(".venn-circle path") .style("fill", function(d,i) { return colors(i); }) ele.selectAll(".venn-circle text") .style("fill", function(d,i) { return colors(i)}) .style("font-weight", "100"); });