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.
174 lines
5.9 KiB
174 lines
5.9 KiB
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);
|
|
|
|
|
|
/***/ })
|
|
|
|
});
|