From ea506ea4aa4306bd594d747455291b18a030aa4e Mon Sep 17 00:00:00 2001 From: zhangab Date: Wed, 9 May 2018 22:02:56 +0800 Subject: add angularJs component Change-Id: I41eb4950a7ee3b1b4f306681824f6035c624d485 Issue-ID: USECASEUI-113 Signed-off-by: zhangab --- .../fusion/external/d3/js/models/boilerplate.js | 104 +++++++++++++++++++++ 1 file changed, 104 insertions(+) create mode 100644 usecaseui-common/src/main/webapp/app/fusion/external/d3/js/models/boilerplate.js (limited to 'usecaseui-common/src/main/webapp/app/fusion/external/d3/js/models/boilerplate.js') diff --git a/usecaseui-common/src/main/webapp/app/fusion/external/d3/js/models/boilerplate.js b/usecaseui-common/src/main/webapp/app/fusion/external/d3/js/models/boilerplate.js new file mode 100644 index 00000000..3d2360a6 --- /dev/null +++ b/usecaseui-common/src/main/webapp/app/fusion/external/d3/js/models/boilerplate.js @@ -0,0 +1,104 @@ + +nv.models.chartName = function() { + "use strict"; + //============================================================ + // Public Variables with Default Settings + //------------------------------------------------------------ + + + var margin = {top: 30, right: 10, bottom: 10, left: 10} + , width = 960 + , height = 500 + , color = nv.utils.getColor(d3.scale.category20c().range()) + , dispatch = d3.dispatch('stateChange', 'changeState') + ; + + //============================================================ + + + //============================================================ + // Private Variables + //------------------------------------------------------------ + + + //============================================================ + + + function chart(selection) { + selection.each(function(data) { + var availableWidth = width - margin.left - margin.right, + availableHeight = height - margin.top - margin.bottom, + container = d3.select(this); + + + //------------------------------------------------------------ + // Setup Scales + + + //------------------------------------------------------------ + + + //------------------------------------------------------------ + // Setup containers and skeleton of chart + + var wrap = container.selectAll('g.nv-wrap.nv-chartName').data([data]); + var wrapEnter = wrap.enter().append('g').attr('class', 'nvd3 nv-wrap nv-chartName'); + var gEnter = wrapEnter.append('g'); + var g = wrap.select('g') + + gEnter.append('g').attr('class', 'nv-mainWrap'); + + wrap.attr('transform', 'translate(' + margin.left + ',' + margin.top + ')'); + + //------------------------------------------------------------ + + + + + }); + + return chart; + } + + + //============================================================ + // Expose Public Variables + //------------------------------------------------------------ + + + chart.dispatch = dispatch; + + chart.options = nv.utils.optionsFunc.bind(chart); + + chart.margin = function(_) { + if (!arguments.length) return margin; + margin.top = typeof _.top != 'undefined' ? _.top : margin.top; + margin.right = typeof _.right != 'undefined' ? _.right : margin.right; + margin.bottom = typeof _.bottom != 'undefined' ? _.bottom : margin.bottom; + margin.left = typeof _.left != 'undefined' ? _.left : margin.left; + return chart; + }; + + chart.width = function(_) { + if (!arguments.length) return width; + width = _; + return chart; + }; + + chart.height = function(_) { + if (!arguments.length) return height; + height = _; + return chart; + }; + + chart.color = function(_) { + if (!arguments.length) return color; + color = nv.utils.getColor(_) + return chart; + }; + + //============================================================ + + + return chart; +} -- cgit 1.2.3-korg