webpackJsonp([90],{ /***/ "90tn": /***/ (function(module, exports) { // removed by extract-text-webpack-plugin /***/ }), /***/ "jOr5": /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); // EXTERNAL MODULE: ./node_modules/vue-schart/src/vue-schart.vue + 2 modules var vue_schart = __webpack_require__("S4mo"); // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/BaseCharts.vue // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // /* harmony default export */ var BaseCharts = ({ name: 'basecharts', components: { Schart: vue_schart["a" /* default */] }, data: function data() { return { options1: { type: 'bar', title: { text: '最近一周各品类销售图' }, bgColor: '#fbfbfb', labels: ['周一', '周二', '周三', '周四', '周五'], datasets: [{ label: '家电', fillColor: 'rgba(241, 49, 74, 0.5)', data: [234, 278, 270, 190, 230] }, { label: '百货', data: [164, 178, 190, 135, 160] }, { label: '食品', data: [144, 198, 150, 235, 120] }] }, options2: { type: 'line', title: { text: '最近几个月各品类销售趋势图' }, bgColor: '#fbfbfb', labels: ['6月', '7月', '8月', '9月', '10月'], datasets: [{ label: '家电', data: [234, 278, 270, 190, 230] }, { label: '百货', data: [164, 178, 150, 135, 160] }, { label: '食品', data: [114, 138, 200, 235, 190] }] }, options3: { type: 'pie', title: { text: '服装品类销售饼状图' }, legend: { position: 'left' }, bgColor: '#fbfbfb', labels: ['T恤', '牛仔裤', '连衣裙', '毛衣', '七分裤', '短裙', '羽绒服'], datasets: [{ data: [334, 278, 190, 235, 260, 200, 141] }] }, options4: { type: 'ring', title: { text: '环形三等分' }, showValue: false, legend: { position: 'bottom', bottom: 40 }, bgColor: '#fbfbfb', labels: ['vue', 'react', 'angular'], datasets: [{ data: [500, 500, 500] }] } }; } }); // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-072b00e8","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/views/BaseCharts.vue var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:"crumbs"},[_c('el-breadcrumb',{attrs:{"separator":"/"}},[_c('el-breadcrumb-item',[_c('i',{staticClass:"el-icon-pie-chart"}),_vm._v(" schart图表\n ")])],1)],1),_vm._v(" "),_c('div',{staticClass:"container"},[_vm._m(0),_vm._v(" "),_c('div',{staticClass:"schart-box"},[_c('div',{staticClass:"content-title"},[_vm._v("柱状图")]),_vm._v(" "),_c('schart',{staticClass:"schart",attrs:{"canvasId":"bar","options":_vm.options1}})],1),_vm._v(" "),_c('div',{staticClass:"schart-box"},[_c('div',{staticClass:"content-title"},[_vm._v("折线图")]),_vm._v(" "),_c('schart',{staticClass:"schart",attrs:{"canvasId":"line","options":_vm.options2}})],1),_vm._v(" "),_c('div',{staticClass:"schart-box"},[_c('div',{staticClass:"content-title"},[_vm._v("饼状图")]),_vm._v(" "),_c('schart',{staticClass:"schart",attrs:{"canvasId":"pie","options":_vm.options3}})],1),_vm._v(" "),_c('div',{staticClass:"schart-box"},[_c('div',{staticClass:"content-title"},[_vm._v("环形图")]),_vm._v(" "),_c('schart',{staticClass:"schart",attrs:{"canvasId":"ring","options":_vm.options4}})],1)])])} var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"plugins-tips"},[_vm._v("\n vue-schart:vue.js封装sChart.js的图表组件。\n 访问地址:\n "),_c('a',{attrs:{"href":"https://github.com/lin-xin/vue-schart","target":"_blank"}},[_vm._v("vue-schart")])])}] var esExports = { render: render, staticRenderFns: staticRenderFns } /* harmony default export */ var views_BaseCharts = (esExports); // CONCATENATED MODULE: ./src/views/BaseCharts.vue function injectStyle (ssrContext) { __webpack_require__("90tn") } var normalizeComponent = __webpack_require__("VU/8") /* script */ /* template */ /* template functional */ var __vue_template_functional__ = false /* styles */ var __vue_styles__ = injectStyle /* scopeId */ var __vue_scopeId__ = "data-v-072b00e8" /* moduleIdentifier (server only) */ var __vue_module_identifier__ = null var Component = normalizeComponent( BaseCharts, views_BaseCharts, __vue_template_functional__, __vue_styles__, __vue_scopeId__, __vue_module_identifier__ ) /* harmony default export */ var src_views_BaseCharts = __webpack_exports__["default"] = (Component.exports); /***/ }) });