D3.js vs Vue.js examples
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

2 lines
6.4 KiB

webpackJsonp([1,2],[,,,,,,,,,function(t,e,n){"use strict";n.d(e,"a",function(){return a});var r=n(30),a=[{name:"Circle mount",path:"/circle-mount",component:n(79)},{name:"Size controller",path:"/size-controller",component:n(80)},{name:"Bars: styles basic",path:"/bars-style-basic",component:n(77)},{name:"Bars: styles scoped",path:"/bars-style-scoped",component:n(78)}].map(function(t){var e=t;return e.href="#"+t.path,e.source=r.githubLink+r.d3ComponentsPath+t.path+".vue",e})},,,,,,,,,,,,,,,,,,,,,function(t,e){t.exports={githubLink:"https://github.com/corpglory/d3vue/",d3ComponentsPath:"tree/master/src/d3-components"}},function(t,e,n){"use strict";var r=n(41),a=n.n(r),i=n(17),s=n.n(i),c=n(88),o=n.n(c),u=n(76),l=n.n(u),d=n(9);s.a.use(o.a),e.a=new o.a({routes:[{path:"/",name:"Menu",component:l.a}].concat(a()(d.a))})},function(t,e,n){n(72);var r=n(1)(n(33),n(85),"data-v-41b7bac0",null);t.exports=r.exports},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(75),a=n.n(r);e.default={name:"app",components:{topNav:a.a}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(9),a=n(30);e.default={computed:{prev:function(){var t=this.findIndex();if(t!=-1)return t>0?r.a[t-1]:void 0},next:function(){var t=this.findIndex();if(t!=-1)return t+1<r.a.length?r.a[t+1]:void 0},sourceHref:function(){var t=this.findIndex();return t==-1?a.githubLink:r.a[t].source}},methods:{findIndex:function(){var t=this.$route.path;return r.a.findIndex(function(e){return e.path===t})}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(9);e.default={data:function(){return{items:r.a}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(8);e.default={mounted:function(){var t=r.select(this.$el),e=+t.attr("width"),n=+t.attr("height"),a=[{name:"one",val:100},{name:"two",val:150},{name:"three",val:200}];console.log(this.$styles);var i=r.scaleBand().rangeRound([0,e]).padding(.1).domain(a.map(function(t){return t.name})),s=r.scaleLinear().rangeRound([n,0]).domain([0,r.max(a,function(t){return t.val})]);t.selectAll("rect").data(a).enter().append("rect").attr("x",function(t){return i(t.name)}).attr("class",function(t){return t.name}).attr("y",function(t){return s(t.val)}).attr("width",i.bandwidth()).attr("height",function(t){return n-s(t.val)})}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(8);e.default={mounted:function(){var t=(this.$el.attributes[0],r.select(this.$el)),e=+t.attr("width"),n=+t.attr("height"),a=[{name:"one",val:100},{name:"two",val:150},{name:"three",val:200}],i=r.scaleBand().rangeRound([0,e]).padding(.1).domain(a.map(function(t){return t.name})),s=r.scaleLinear().rangeRound([n,0]).domain([0,r.max(a,function(t){return t.val})]);t.selectAll("rect").data(a).enter().append("rect").attr("data-v-0e55e99d","").attr("x",function(t){return i(t.name)}).attr("class",function(t){return t.name}).attr("y",function(t){return s(t.val)}).attr("width",i.bandwidth()).attr("height",function(t){return n-s(t.val)})}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(8);e.default={mounted:function(){r.select(this.$el).append("circle").attr("cx","250").attr("cy","150").attr("r","100")}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(8);e.default={data:function(){return{circleSize:50}},mounted:function(t){var e=r.select(this.$el).select("svg");this.circle=e.append("circle").attr("cx","250").attr("cy","150").attr("r",this.circleSize)},watch:{circleSize:function(t){this.circle.attr("r",t)}}}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e,n){n(68);var r=n(1)(n(34),n(81),"data-v-098bb42e",null);t.exports=r.exports},function(t,e,n){n(71);var r=n(1)(n(35),n(84),"data-v-417810ac",null);t.exports=r.exports},function(t,e,n){n(70);var r=n(1)(n(36),n(83),null,null);t.exports=r.exports},function(t,e,n){n(69);var r=n(1)(n(37),n(82),"data-v-0e55e99d",null);t.exports=r.exports},function(t,e,n){n(74);var r=n(1)(n(38),n(87),null,null);t.exports=r.exports},function(t,e,n){n(73);var r=n(1)(n(39),n(86),null,null);t.exports=r.exports},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"holder"}},[n("div",{staticClass:"links"},[t.prev?n("a",{staticClass:"prev",attrs:{href:t.prev.href}},[t._v(" < prev ")]):t._e(),t._v(" "),n("a",{staticClass:"source",attrs:{href:t.sourceHref}},[t._v(" source ")]),t._v(" "),t.next?n("a",{staticClass:"next",attrs:{href:t.next.href}},[t._v(" next > ")]):t._e()])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("svg",{attrs:{width:"500",height:"300"}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("svg",{attrs:{id:"bars-style-basic-svg",width:"500",height:"300"}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"hello"},[n("ul",t._l(t.items,function(e){return n("li",[n("a",{attrs:{href:e.href}},[t._v(t._s(e.name))])])}))])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"app"}},[t._m(0),t._v(" "),n("h2",[t._v(t._s(t.$route.name))]),t._v(" "),n("top-nav"),t._v(" "),n("router-view")],1)},staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("a",{attrs:{href:"#/"}},[n("h1",[t._v(" D3.js vs Vue.js examples ")])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("svg",{attrs:{width:"500",height:"300"}}),t._v(" "),n("br"),t._v(" "),n("input",{directives:[{name:"model",rawName:"v-model",value:t.circleSize,expression:"circleSize"}],attrs:{type:"range",min:"1",max:"100",step:"1"},domProps:{value:t._s(t.circleSize)},on:{input:function(e){t.circleSize=e.target.value}}})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("svg",{attrs:{width:"500",height:"300"}})},staticRenderFns:[]}},,,,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(17),a=n.n(r),i=n(32),s=n.n(i),c=n(31);new a.a({el:"#app",router:c.a,template:"<app/>",components:{app:s.a}})}],[91]);
//# sourceMappingURL=app.6eaca8f613213f157f5c.js.map