vue-nvd3
Version:
The NVD3 chart library for Vue
2 lines • 27.6 kB
JavaScript
webpackJsonp([1,0],[function(t,e,a){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}var n=a(56),i=r(n),u=a(39),o=r(u),s=a(34),l=r(s),d=a(55),f=r(d),c=a(40),m=r(c),v=a(41),p=r(v),h=a(42),_=r(h),b=a(43),y=r(b),x=a(44),k=r(x),g=a(45),F=r(g),w=a(46),C=r(w);i.default.use(l.default),i.default.use(f.default);var D=new f.default({routes:[{name:"BarChart",path:"/examples/bar-chart",component:m.default},{name:"BubbleChart",path:"/examples/bubble-chart",component:p.default},{name:"HBarChart",path:"/examples/hbar-chart",component:_.default},{name:"LineBarChart",path:"/examples/line-bar-chart",component:y.default},{name:"LineChart",path:"/examples/line-chart",component:k.default},{name:"PieChart",path:"/examples/pie-chart",component:F.default},{name:"StackedAreaChart",path:"/examples/stacked-area-chart",component:C.default}]});new i.default({el:"#app",router:D,template:"<App/>",components:{App:o.default}})},,,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{model:{type:Array},height:{type:String,default:"300px"}},data:function(){return{chartRef:void 0}},watch:{model:function(t){this.chartRef&&this.redraw(this.chartRef)}},methods:{redraw:function(t){d3.select(this.$refs.chart).style("height",this.height).datum(this.model).transition().duration(500).call(t)}},render:function(t){return t("svg",{ref:"chart"},[])}}},,,,,,,,,,,,,,,,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),a(37),a(36),a(38),e.default={name:"app",mounted:function(){this.$router.push({name:"BarChart"})}}},function(t,e,a){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(1),i=r(n),u=a(5),o=r(u),s=a(2),l=r(s);e.default={data:function(){var t=function(){return{domain:i.default.Internet.domainName(),visits:i.default.random.number(1e4)}},e=o.default.range(i.default.random.number(20));return{trafficData:o.default.map(e,t)}},computed:{traffics:function(){return[{key:"visits",area:!0,values:o.default.map(this.trafficData,function(t){return{label:t.domain,value:t.visits}})}]}},methods:{formatDate:function(t){return l.default.time.format("%x")(new Date(t))}}}},function(t,e,a){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(1),i=(r(n),a(5)),u=r(i),o=a(2),s=r(o);e.default={data:function(){return{series:this.randomData(4,40)}},methods:{randomData:function(t,e){var a=["circle","cross","triangle-up","triangle-down","diamond","square"],r=s.default.random.normal();return u.default.map(u.default.range(t),function(t){return{key:"Group "+t,values:u.default.map(u.default.range(e),function(t){return{x:r(),y:r(),size:Math.random(),shape:Math.random()>.95?a[t%6]:"circle"}})}})}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{dataModel:[{key:"Series 1",color:"#d67777",values:[{label:"Group A",value:-1.8746444827653},{label:"Group B",value:-8.0961543492239},{label:"Group C",value:-.57072943117674},{label:"Group D",value:-2.4174010336624},{label:"Group E",value:-.72009071426284},{label:"Group F",value:-.77154485523777},{label:"Group G",value:-.90152097798131},{label:"Group H",value:-.91445417330854},{label:"Group I",value:-.055746319141851}]},{key:"Series 2",color:"#4f99b4",values:[{label:"Group A",value:25.307646510375},{label:"Group B",value:16.756779544553},{label:"Group C",value:18.451534877007},{label:"Group D",value:8.6142352811805},{label:"Group E",value:7.8082472075876},{label:"Group F",value:5.259101026956},{label:"Group G",value:.30947953487127},{label:"Group H",value:0},{label:"Group I",value:0}]}]}}}},function(t,e,a){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(1),i=r(n),u=a(5),o=r(u),s=a(2),l=r(s);e.default={data:function(){var t=function(t,e){return{date:new Date("2016-"+t+"-"+e).getTime(),visits:i.default.random.number(1e4),views:i.default.random.number(2e4),losses:i.default.random.number(3e3),stay:i.default.random.number(50)}},e=o.default.range(31),a=i.default.random.number(12);return{trafficData:o.default.map(e,function(e){return t(a,e+1)})}},computed:{traffics:function(){return[{key:"visits",area:!0,values:o.default.map(this.trafficData,function(t){return{x:t.date,y:t.visits}})},{key:"views",values:o.default.map(this.trafficData,function(t){return{x:t.date,y:t.views}})},{key:"losses",bar:!0,values:o.default.map(this.trafficData,function(t){return{x:t.date,y:t.losses}})}]}},methods:{formatDate:function(t){return l.default.time.format("%x")(new Date(t))}}}},function(t,e,a){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(1),i=r(n),u=a(5),o=r(u),s=a(2),l=r(s);e.default={data:function(){var t=function(t,e){return{date:new Date("2016-"+t+"-"+e).getTime(),visits:i.default.random.number(1e4),views:i.default.random.number(2e4),losses:i.default.random.number(3e3),stay:i.default.random.number(50)}},e=o.default.range(31),a=i.default.random.number(12);return{trafficData:o.default.map(e,function(e){return t(a,e+1)})}},computed:{traffics:function(){return[{key:"visits",area:!0,values:o.default.map(this.trafficData,function(t){return{x:t.date,y:t.visits}})},{key:"views",bar:!0,values:o.default.map(this.trafficData,function(t){return{x:t.date,y:t.views}})},{key:"losses",area:!0,values:o.default.map(this.trafficData,function(t){return{x:t.date,y:t.losses}})}]}},methods:{formatDate:function(t){return l.default.time.format("%x")(new Date(t))}}}},function(t,e,a){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(1),i=r(n),u=a(5),o=(r(u),a(2));r(o);e.default={data:function(){return{pages:[{name:"首页",views:i.default.random.number(1e6),stay:i.default.random.number(100),ratio:i.default.random.number(100)/100},{name:"产品详情",views:i.default.random.number(1e6),stay:i.default.random.number(100),ratio:i.default.random.number(100)/100},{name:"搜索结果",views:i.default.random.number(1e6),stay:i.default.random.number(100),ratio:i.default.random.number(100)/100},{name:"产品列表",views:i.default.random.number(1e6),stay:i.default.random.number(100),ratio:i.default.random.number(100)/100},{name:"购物车",views:i.default.random.number(1e6),stay:i.default.random.number(100),ratio:i.default.random.number(100)/100}],refers:[]}}}},function(t,e,a){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(1),i=r(n),u=a(5),o=r(u),s=a(2),l=r(s);e.default={data:function(){var t=function(t,e){return{date:new Date("2016-"+t+"-"+e).getTime(),visits:i.default.random.number(1e4),views:i.default.random.number(2e4),losses:i.default.random.number(3e3),stay:i.default.random.number(50)}},e=o.default.range(31),a=i.default.random.number(12);return{trafficData:o.default.map(e,function(e){return t(a,e+1)})}},computed:{traffics:function(){return[{key:"visits",area:!0,values:o.default.map(this.trafficData,function(t){return{x:t.date,y:t.visits}})},{key:"views",area:!0,values:o.default.map(this.trafficData,function(t){return{x:t.date,y:t.views}})},{key:"losses",area:!0,values:o.default.map(this.trafficData,function(t){return{x:t.date,y:t.losses}})}]}},methods:{formatDate:function(t){return l.default.time.format("%x")(new Date(t))}}}},function(t,e,a){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(4),i=r(n),u=a(3),o=r(u);e.default={name:"BarChart",mixins:[o.default],props:{textField:{type:String,default:"label"},valueField:{type:String,default:"value"},staggerLabels:{type:Boolean,default:!0},tooltips:{type:Boolean,default:!1},showValues:{type:Boolean,default:!0},colors:{type:Array,default:function(){return["#82DFD6","#ddd"]}}},mounted:function(){var t=this,e=this.textField,a=this.valueField;i.default.addGraph(function(){var r=i.default.models.discreteBarChart().x(function(t){return t[e]}).y(function(t){return t[a]}).staggerLabels(t.staggerLabels).showValues(t.showValues);return t.redraw(r),t.chartRef=r,i.default.utils.windowResize(r.update),r})}}},function(t,e,a){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(2),i=r(n),u=a(4),o=r(u),s=a(3),l=r(s);e.default={name:"BubbleChart",mixins:[l.default],props:{xFormat:{type:[Function,String]},yFormat:{type:[Function,String]},showDistX:{type:Boolean,default:!0},showDistY:{type:Boolean,default:!0},colors:{type:Array,default:function(){return["#82DFD6","#ddd"]}}},mounted:function(){var t=this;o.default.addGraph(function(){var e=o.default.models.scatterChart().showDistX(!0).showDistY(!0).height(t.height).color(i.default.scale.category10().range());return t.xFormat&&("string"==typeof t.xFormat?e.xAxis.tickFormat(i.default.format(t.xFormat)):e.xAxis.tickFormat(t.xFormat)),t.yFormat&&("string"==typeof t.yFormat?e.yAxis.tickFormat(i.default.format(t.yFormat)):e.yAxis.tickFormat(t.yFormat)),t.redraw(e),t.chartRef=e,o.default.utils.windowResize(e.update),e})}}},function(t,e,a){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(2),i=r(n),u=a(4),o=r(u),s=a(3),l=r(s);e.default={name:"HBarChart",mixins:[l.default],props:{textField:{type:String,default:"label"},valueField:{type:String,default:"value"},yFormat:{type:[Function,String]},height:{type:Number,default:350},showControls:{type:Boolean,default:!0},colors:{type:Array,default:function(){return["#82DFD6","#ddd"]}}},mounted:function(){var t=this;o.default.addGraph(function(){var e=t.textField,a=t.valueField,r=o.default.models.multiBarHorizontalChart().x(function(t){return t[e]}).y(function(t){return t[a]}).controlLabels({grouped:"分组",stacked:"堆叠"}).color(t.colors).showValues(!0);return t.height&&r.height(t.height),t.yFormat&&("string"==typeof t.yFormat?r.yAxis.tickFormat(i.default.format(t.yFormat)):r.yAxis.tickFormat(t.yFormat)),t.redraw(r),t.chartRef=r,o.default.utils.windowResize(r.update),r})}}},function(t,e,a){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(2),i=r(n),u=a(4),o=r(u),s=a(3),l=r(s);e.default={name:"LineBarChart",mixins:[l.default],props:{xFormat:{type:[Function,String]},x2Format:{type:[Function,String]},y1Format:{type:[Function,String]},y2Format:{type:[Function,String]},colors:{type:Array,default:function(){return["#82DFD6","#ddd"]}}},mounted:function(){var t=this;o.default.addGraph(function(){var e=o.default.models.linePlusBarChart().margin({left:80,bottom:50,right:80,top:30}).color(t.colors);return t.xFormat&&("string"==typeof t.xFormat?e.xAxis.tickFormat(i.default.format(t.xFormat)):e.xAxis.tickFormat(t.xFormat)),t.x2Format&&("string"==typeof t.x2Format?e.x2Axis.tickFormat(i.default.format(t.x2Format)):e.x2Axis.tickFormat(t.x2Format)),t.y1Format&&("string"==typeof t.y1Format?e.y1Axis.tickFormat(i.default.format(t.y1Format)):e.y1Axis.tickFormat(t.y1Format)),t.y2Format&&("string"==typeof t.y2Format?e.y2Axis.tickFormat(i.default.format(t.y2Format)):e.y2Axis.tickFormat(t.y2Format)),e.bars.forceY([0]),i.default.select(t.$refs.chart).style("height",t.height).datum(t.model).transition().duration(500).call(e),o.default.utils.windowResize(e.update),e})}}},function(t,e,a){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(2),i=r(n),u=a(4),o=r(u),s=a(3),l=r(s);e.default={name:"LineChart",mixins:[l.default],props:{xFormat:{type:[Function,String]},yFormat:{type:[Function,String]},colors:{type:Array,default:function(){return["#82DFD6","#ddd"]}}},mounted:function(){var t=this;o.default.addGraph(function(){var e=o.default.models.lineChart().useInteractiveGuideline(!0).margin({left:50,bottom:30,right:0}).color(t.colors),a=e.xAxis.showMaxMin(!1);t.xFormat&&("string"==typeof t.xFormat?a.tickFormat(i.default.format(t.xFormat)):a.tickFormat(t.xFormat));var r=e.yAxis.showMaxMin(!1);return t.yFormat&&("string"==typeof t.yFormat?r.tickFormat(i.default.format(t.yFormat)):r.tickFormat(t.yFormat)),t.redraw(e),t.chartRef=e,o.default.utils.windowResize(e.update),e})}}},function(t,e,a){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(2),i=(r(n),a(4)),u=r(i),o=a(3),s=r(o);e.default={name:"PieChart",mixins:[s.default],props:{showLabels:{type:Boolean,default:!0},margin:{top:30,right:20,bottom:20,left:20},width:{type:Number,default:null},height:{type:Number,default:null},showTooltipPercent:{type:Boolean,default:!1},showLegend:{type:Boolean,default:!0},legendPosition:{type:String,default:"top"},labelThreshold:{type:Number,default:.05},labelType:{type:String,default:"percent"},donut:{type:Boolean,default:!1},donutRatio:{type:Number,default:.35},textField:{type:String,default:"label"},valueField:{type:String,default:"value"},colors:{type:Array,default:function(){return["#82DFD6","#ddd"]}}},mounted:function(){var t=this,e=this.textField,a=this.valueField;u.default.addGraph(function(){var r=u.default.models.pieChart().x(function(t){return t[e]}).y(function(t){return t[a]}).showLabels(t.showLabels).legendPosition(t.legendPosition).labelThreshold(t.labelThreshold).donut(t.donut).donutRatio(t.donutRatio).showTooltipPercent(t.showTooltipPercent).showLegend(t.showLegend);return t.width&&r.width(t.width),t.height&&r.height(t.height),t.redraw(r),t.chartRef=r,u.default.utils.windowResize(r.update),r})}}},function(t,e,a){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(2),i=r(n),u=a(4),o=r(u),s=a(3),l=r(s);e.default={name:"StackedAreaChart",mixins:[l.default],props:{xFormat:{type:[Function,String]},yFormat:{type:[Function,String]},rightAlignYAxis:{type:Boolean,default:!0},showControls:{type:Boolean,default:!0},clipEdge:{type:Boolean,default:!0},colors:{type:Array,default:function(){return["#82DFD6","#ddd"]}}},mounted:function(){var t=this;o.default.addGraph(function(){var e=o.default.models.stackedAreaChart().margin({right:100}).useInteractiveGuideline(!0).rightAlignYAxis(t.rightAlignYAxis).showControls(t.showControls).clipEdge(t.clipEdge).controlLabels({stacked:"堆叠",stream:"流",expanded:"扩展"});return t.xFormat&&("string"==typeof t.xFormat?e.xAxis.tickFormat(i.default.format(t.xFormat)):e.xAxis.tickFormat(t.xFormat)),t.yFormat&&("string"==typeof t.yFormat?e.yAxis.tickFormat(i.default.format(t.yFormat)):e.yAxis.tickFormat(t.yFormat)),t.redraw(e),t.chartRef=e,o.default.utils.windowResize(e.update),e})}}},function(t,e,a){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(31),i=r(n),u=a(30),o=r(u),s=a(32),l=r(s),d=a(29),f=r(d),c=a(27),m=r(c),v=a(28),p=r(v),h=a(33),_=r(h);a(35),e.default=function(t,e){t.component("vn-line",i.default),t.component("vn-line-bar",o.default),t.component("vn-pie",l.default),t.component("vn-hbar",f.default),t.component("vn-bar",m.default),t.component("vn-bubble",p.default),t.component("vn-stacked-area",_.default)}},function(t,e){},function(t,e){},function(t,e){},,function(t,e,a){var r,n;r=a(19);var i=a(47);n=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(n=r=r.default),"function"==typeof n&&(n=n.options),n.render=i.render,n.staticRenderFns=i.staticRenderFns,t.exports=r},function(t,e,a){var r,n;r=a(20);var i=a(54);n=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(n=r=r.default),"function"==typeof n&&(n=n.options),n.render=i.render,n.staticRenderFns=i.staticRenderFns,t.exports=r},function(t,e,a){var r,n;r=a(21);var i=a(53);n=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(n=r=r.default),"function"==typeof n&&(n=n.options),n.render=i.render,n.staticRenderFns=i.staticRenderFns,t.exports=r},function(t,e,a){var r,n;r=a(22);var i=a(50);n=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(n=r=r.default),"function"==typeof n&&(n=n.options),n.render=i.render,n.staticRenderFns=i.staticRenderFns,t.exports=r},function(t,e,a){var r,n;r=a(23);var i=a(48);n=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(n=r=r.default),"function"==typeof n&&(n=n.options),n.render=i.render,n.staticRenderFns=i.staticRenderFns,t.exports=r},function(t,e,a){var r,n;r=a(24);var i=a(51);n=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(n=r=r.default),"function"==typeof n&&(n=n.options),n.render=i.render,n.staticRenderFns=i.staticRenderFns,t.exports=r},function(t,e,a){var r,n;r=a(25);var i=a(49);n=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(n=r=r.default),"function"==typeof n&&(n=n.options),n.render=i.render,n.staticRenderFns=i.staticRenderFns,t.exports=r},function(t,e,a){var r,n;r=a(26);var i=a(52);n=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(n=r=r.default),"function"==typeof n&&(n=n.options),n.render=i.render,n.staticRenderFns=i.staticRenderFns,t.exports=r},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{attrs:{id:"app"}},[t._m(0),t._v(" "),a("div",{staticClass:"uk-margin-large-top uk-container uk-container-center"},[a("div",{staticClass:"uk-grid",attrs:{"data-uk-grid-margin":""}},[a("div",{staticClass:"uk-width-medium-1-1"},[a("div",{staticClass:"uk-grid"},[a("div",{staticClass:"uk-width-medium-1-4"},[a("ul",{staticClass:"uk-tab uk-tab-left uk-width-medium-1-1",attrs:{"data-uk-tab":""}},[a("li",{staticClass:"uk-active"},[a("router-link",{attrs:{to:{name:"BarChart"}}},[t._v("Bar chart")])],1),t._v(" "),a("li",[a("router-link",{attrs:{to:{name:"BubbleChart"}}},[t._v("Bubble chart")])],1),t._v(" "),a("li",[a("router-link",{attrs:{to:{name:"HBarChart"}}},[t._v("Multi-bar horizontal chart")])],1),t._v(" "),a("li",[a("router-link",{attrs:{to:{name:"LineChart"}}},[t._v("Line chart")])],1),t._v(" "),a("li",[a("router-link",{attrs:{to:{name:"LineBarChart"}}},[t._v("Line-Bar combo chart")])],1),t._v(" "),a("li",[a("router-link",{attrs:{to:{name:"PieChart"}}},[t._v("Pie chart")])],1),t._v(" "),a("li",[a("router-link",{attrs:{to:{name:"StackedAreaChart"}}},[t._v("Stacked area chart")])],1)])]),t._v(" "),a("div",{staticClass:"uk-width-medium-3-4"},[a("router-view")],1)])])])])])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("nav",{staticClass:"uk-navbar"},[a("div",{staticClass:"uk-container uk-container-center"},[a("a",{staticClass:"uk-navbar-brand",attrs:{href:""}},[t._v("Vue Nvd3 Example")]),t._v(" "),a("ul",{staticClass:"uk-navbar-nav"},[a("li",[a("a",{attrs:{href:"https://github.com/DotNetAge/vue-nvd3",target:"_blank"}},[t._v("Github")])]),t._v(" "),a("li",[a("a",{attrs:{href:"https://www.npmjs.com/package/vue-nvd3"}},[t._v("NPM")])])]),t._v(" "),a("div",{staticClass:"uk-navbar-flip"},[a("ul",{staticClass:"uk-navbar-nav"},[a("li",[a("a",{attrs:{href:"https://github.com/DotNetAge/vue-nvd3/issues",target:"_blank"}},[t._v("Issues")])]),t._v(" "),a("li",[a("a",{attrs:{href:"http://www.cnblogs.com/ray-liang",target:"_blank"}},[t._v("My Blog")])])])])])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("h2",[t._v("Line Bar combo chart")]),t._v(" "),a("div",{staticClass:"uk-margin-bottom"},[a("vn-line-bar",{attrs:{model:t.traffics,"x-format":t.formatDate,"x2-format":t.formatDate,"y-format":",f"}})],1),t._v(" "),a("div",{staticClass:"uk-width-medium-1-1"},[t._m(0),t._v(" "),a("ul",{staticClass:"uk-switcher uk-margin",attrs:{id:"tab-content"}},[t._m(1),t._v(" "),a("li",[a("pre",[a("code",[t._v(t._s(t.trafficData))])])])])])])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",{staticClass:"uk-tab",attrs:{"data-uk-tab":"{connect:'#tab-content'}"}},[a("li",{staticClass:"uk-active",attrs:{"aria-expanded":"true"}},[a("a",{attrs:{href:"#"}},[t._v("HTML")])]),t._v(" "),a("li",{attrs:{"aria-expanded":"false"}},[a("a",{attrs:{href:"#"}},[t._v("Data")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"uk-active"},[a("pre",[a("code",[t._v('<vn-line-bar :model="traffics"\n :x-format="formatDate"\n :x2-format="formatDate"\n y-format=",f">\n</vn-line-bar>')])])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("h2",[t._v("Pie chart")]),t._v(" "),a("div",{staticClass:"uk-grid uk-margin-bottom"},[a("div",{staticClass:"uk-width-1-2"},[a("vn-pie",{attrs:{model:t.pages,height:400,"text-field":"name","value-field":"views","show-tooltip-percent":!0,"show-legend":!0}})],1),t._v(" "),a("div",{staticClass:"uk-width-1-2"},[a("vn-pie",{attrs:{model:t.pages,height:400,donut:!0,"text-field":"name","value-field":"views","show-tooltip-percent":!0,"show-legend":!1}})],1)]),t._v(" "),a("div",{staticClass:"uk-width-medium-1-1"},[t._m(0),t._v(" "),a("ul",{staticClass:"uk-switcher uk-margin",attrs:{id:"tab-content"}},[t._m(1),t._v(" "),a("li",[a("pre",[a("code",[t._v(t._s(t.pages))])])])])])])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",{staticClass:"uk-tab",attrs:{"data-uk-tab":"{connect:'#tab-content'}"}},[a("li",{staticClass:"uk-active",attrs:{"aria-expanded":"true"}},[a("a",{attrs:{href:"#"}},[t._v("HTML")])]),t._v(" "),a("li",{attrs:{"aria-expanded":"false"}},[a("a",{attrs:{href:"#"}},[t._v("Data")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"uk-active"},[a("pre",[a("code",[t._v('<div class="uk-width-1-2">\n<vn-pie :model="pages"\n :height="400"\n text-field="name"\n value-field="views"\n :show-tooltip-percent="true"\n :show-legend="true"></vn-pie>\n</div>\n<div class="uk-width-1-2">\n<vn-pie :model="pages"\n :height="400"\n :donut="true"\n text-field="name"\n value-field="views"\n :show-tooltip-percent="true"\n :show-legend="false"></vn-pie>\n</div>')])])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("h2",[t._v("Multi-bar horizontal chart")]),t._v(" "),a("div",{staticClass:"uk-margin-bottom"},[a("vn-hbar",{attrs:{model:t.dataModel,"y-format":".2f",height:400}})],1),t._v(" "),a("div",{staticClass:"uk-width-medium-1-1"},[t._m(0),t._v(" "),a("ul",{staticClass:"uk-switcher uk-margin",attrs:{id:"tab-content"}},[t._m(1),t._v(" "),a("li",[a("pre",[a("code",[t._v(t._s(t.dataModel))])])])])])])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",{staticClass:"uk-tab",attrs:{"data-uk-tab":"{connect:'#tab-content'}"}},[a("li",{staticClass:"uk-active",attrs:{"aria-expanded":"true"}},[a("a",{attrs:{href:"#"}},[t._v("HTML")])]),t._v(" "),a("li",{attrs:{"aria-expanded":"false"}},[a("a",{attrs:{href:"#"}},[t._v("Data")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"uk-active"},[a("pre",[a("code",[t._v('<vn-hbar :model="dataModel"\n y-format=".2f"\n :height="400">\n</vn-hbar>')])])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("h2",[t._v("Line chart")]),t._v(" "),a("div",{staticClass:"uk-margin-bottom"},[a("vn-line",{attrs:{model:t.traffics,"x-format":t.formatDate,"y-format":",f"}})],1),t._v(" "),a("div",{staticClass:"uk-width-medium-1-1"},[t._m(0),t._v(" "),a("ul",{staticClass:"uk-switcher uk-margin",attrs:{id:"tab-content"}},[t._m(1),t._v(" "),a("li",[a("pre",[a("code",[t._v(t._s(t.trafficData))])])])])])])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",{staticClass:"uk-tab",attrs:{"data-uk-tab":"{connect:'#tab-content'}"}},[a("li",{staticClass:"uk-active",attrs:{"aria-expanded":"true"}},[a("a",{attrs:{href:"#"}},[t._v("HTML")])]),t._v(" "),a("li",{attrs:{"aria-expanded":"false"}},[a("a",{attrs:{href:"#"}},[t._v("Data")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"uk-active"},[a("pre",[a("code",[t._v('<vn-line :model="traffics"\n :x-format="formatDate"\n y-format=",f">\n</vn-line>')])])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("h2",[t._v("Stacked area chart")]),t._v(" "),a("div",{staticClass:"uk-margin-bottom"},[a("vn-stacked-area",{attrs:{model:t.traffics,"x-format":t.formatDate,"y-format":",f"}})],1),t._v(" "),a("div",{staticClass:"uk-width-medium-1-1"},[t._m(0),t._v(" "),a("ul",{staticClass:"uk-switcher uk-margin",attrs:{id:"tab-content"}},[t._m(1),t._v(" "),a("li",[a("pre",[a("code",[t._v(t._s(t.trafficData))])])])])])])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",{staticClass:"uk-tab",attrs:{"data-uk-tab":"{connect:'#tab-content'}"}},[a("li",{staticClass:"uk-active",attrs:{"aria-expanded":"true"}},[a("a",{attrs:{href:"#"}},[t._v("HTML")])]),t._v(" "),a("li",{attrs:{"aria-expanded":"false"}},[a("a",{attrs:{href:"#"}},[t._v("Data")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"uk-active"},[a("pre",[a("code",[t._v('<vn-stacked-area :model="traffics"\n :x-format="formatDate"\n y-format=",f">\n</vn-stacked-area>')])])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("h2",[t._v("Bubble chart")]),t._v(" "),a("div",{staticClass:"uk-margin-bottom"},[a("vn-bubble",{attrs:{model:t.series,"x-format":".02f","y-format":".02f"}})],1),t._v(" "),a("div",{staticClass:"uk-width-medium-1-1"},[t._m(0),t._v(" "),a("ul",{staticClass:"uk-switcher uk-margin",attrs:{id:"tab-content"}},[t._m(1),t._v(" "),a("li",[a("pre",[a("code",[t._v(t._s(t.series))])])])])])])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",{staticClass:"uk-tab",attrs:{"data-uk-tab":"{connect:'#tab-content'}"}},[a("li",{staticClass:"uk-active",attrs:{"aria-expanded":"true"}},[a("a",{attrs:{href:"#"}},[t._v("HTML")])]),t._v(" "),a("li",{attrs:{"aria-expanded":"false"}},[a("a",{attrs:{href:"#"}},[t._v("Data")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"uk-active"},[a("pre",[a("code",[t._v('<vn-bubble :model="series"\nx-format=".02f"\ny-format=".02f">\n </vn-bubble>')])])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("h2",[t._v("Bar chart")]),t._v(" "),a("div",{staticClass:"uk-margin-bottom"},[a("vn-bar",{attrs:{model:t.traffics,"x-format":t.formatDate,"y-format":",f"}})],1),t._v(" "),a("div",{staticClass:"uk-width-medium-1-1"},[t._m(0),t._v(" "),a("ul",{staticClass:"uk-switcher uk-margin",attrs:{id:"tab-content"}},[t._m(1),t._v(" "),a("li",[a("pre",[a("code",[t._v(t._s(t.traffics))])])])])])])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",{staticClass:"uk-tab",attrs:{"data-uk-tab":"{connect:'#tab-content'}"}},[a("li",{staticClass:"uk-active",attrs:{"aria-expanded":"true"}},[a("a",{attrs:{href:"#"}},[t._v("HTML")])]),t._v(" "),a("li",{attrs:{"aria-expanded":"false"}},[a("a",{attrs:{href:"#"}},[t._v("Data")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"uk-active"},[a("pre",[a("code",[t._v('<vn-bar :model="traffics"\n :x-format="formatDate"\n y-format=",f">\n</vn-bar>')])])])}]}}]);
//# sourceMappingURL=app.8b801674da618ae1fb4d.js.map