42 lines
819 B
Vue
42 lines
819 B
Vue
|
<template>
|
||
|
|
<dom-echart :moduleParam="moduleParam1" :optionData="option"></dom-echart>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import domEchart from "@/components/echarts.vue";
|
||
|
|
export default {
|
||
|
|
// 注册组件
|
||
|
|
components: {
|
||
|
|
domEchart,
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
moduleParam1: {
|
||
|
|
id: "moId1",
|
||
|
|
height: "50vh",
|
||
|
|
width: "100%",
|
||
|
|
},
|
||
|
|
option: {
|
||
|
|
title: {
|
||
|
|
text: "销售",
|
||
|
|
},
|
||
|
|
tooltip: {},
|
||
|
|
legend: {
|
||
|
|
data: ["销量"],
|
||
|
|
},
|
||
|
|
xAxis: {
|
||
|
|
data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"],
|
||
|
|
},
|
||
|
|
yAxis: {},
|
||
|
|
series: [
|
||
|
|
{
|
||
|
|
name: "销量",
|
||
|
|
type: "bar",
|
||
|
|
data: [5, 20, 36, 10, 10, 20],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
};
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|