saas0801/dist/static/js/90.f210f26f970abc8aee53.js

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);


/***/ })

});