webpackJsonp([20],{WqZQ:function(t,o,n){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var e=n("WR23"),r=n.n(e),i=n("ifQC"),a={name:"chart-line",props:{id:String},data:function(){return{chart2:null,data:[{month:"Jan",Tokyo:7,London:3.9},{month:"Feb",Tokyo:6.9,London:4.2},{month:"Mar",Tokyo:9.5,London:5.7},{month:"Apr",Tokyo:14.5,London:8.5},{month:"May",Tokyo:18.4,London:11.9},{month:"Jun",Tokyo:21.5,London:15.2},{month:"Jul",Tokyo:25.2,London:17},{month:"Aug",Tokyo:26.5,London:16.6},{month:"Sep",Tokyo:23.3,London:14.2},{month:"Oct",Tokyo:18.3,London:10.3},{month:"Nov",Tokyo:13.9,London:6.6},{month:"Dec",Tokyo:9.6,London:4.8}]}},computed:{isCollapse:function(){return this.$store.state.sys.isCollapse}},watch:{isCollapse:{handler:function(){var t=this;setTimeout(function(){t.chart2.forceFit()},400)}}},methods:{_chart2:function(){var t=(new i.DataSet).createView().source(this.data);t.transform({type:"fold",fields:["Tokyo","London"],key:"city",value:"temperature"}),this.chart2=new r.a.Chart({container:this.id,forceFit:!0,padding:[20,20,95,40],height:350}),this.chart2.source(t,{month:{range:[0,1]}}),this.chart2.tooltip({crosshairs:{type:"line"}}),this.chart2.axis("temperature",{label:{formatter:function(t){return t+"°C"}}}),this.chart2.line().position("month*temperature").color("city"),this.chart2.point().position("month*temperature").color("city").size(4).shape("circle").style({stroke:"#fff",lineWidth:1}),this.chart2.render()}},mounted:function(){var t=this;this.$nextTick(function(){t._chart2()})}},h={render:function(){var t=this.$createElement;return(this._self._c||t)("div",{attrs:{id:this.id}})},staticRenderFns:[]},s=n("VU/8")(a,h,!1,null,null,null);o.default=s.exports}});