diff --git a/src/api/sylive/activity/index.js b/src/api/sylive/activity/index.js index 753d56b..d0e7f12 100644 --- a/src/api/sylive/activity/index.js +++ b/src/api/sylive/activity/index.js @@ -159,7 +159,7 @@ export async function getActivityPiechart(params) { } /** - * 查询柱状图 + * 查询大区柱状图 * @param params 查询条件 */ export async function getActivityBarchart(params) { @@ -171,3 +171,17 @@ export async function getActivityBarchart(params) { } return Promise.reject(new Error(res.data.message)); } + +/** + * 查询门店柱状图 + * @param params 查询条件 + */ +export async function getActivitystoreBarchart(params) { + const res = await request.get('/sylive/activity/statistics_storebarchart', { + params + }); + if (res.data.code === 0 && res.data.data) { + return res.data.data; + } + return Promise.reject(new Error(res.data.message)); +} diff --git a/src/views/sylive/activity/statistics/barchart/index.vue b/src/views/sylive/activity/statistics/barchart/index.vue index eb5654b..dd5f39d 100644 --- a/src/views/sylive/activity/statistics/barchart/index.vue +++ b/src/views/sylive/activity/statistics/barchart/index.vue @@ -6,6 +6,7 @@ ref="barChart" style="height: 500px" :option="barChartOption" + @mousedown="barMousedown" /> @@ -19,15 +20,15 @@ import { use } from 'echarts/core'; import { CanvasRenderer } from 'echarts/renderers'; - import { LineChart, BarChart } from 'echarts/charts'; + import { BarChart } from 'echarts/charts'; import { GridComponent, TooltipComponent } from 'echarts/components'; import VChart from 'vue-echarts'; import { echartsMixin } from '@/utils/echarts-mixin'; - use([CanvasRenderer, LineChart, BarChart, GridComponent, TooltipComponent]); + use([CanvasRenderer, BarChart, GridComponent, TooltipComponent]); export default { - name: 'SyliveActivityStatisticsBAR', + name: 'SyliveActivityStatisticsRegion', components: { VChart }, @@ -37,6 +38,7 @@ id: '', title: '', loading: true, + dataUrl: [], // 词云图表配置 barChartOption: {} }; @@ -57,6 +59,7 @@ getActivityBarchart(this.$route.query) .then((data) => { this.loading = false; + this.dataUrl = data.dataUrl; //饼状图 if (data.dataTitle.length > 0) { this.barChartOption = { @@ -70,7 +73,8 @@ series: [ { data: data.dataValue, - type: 'bar' + type: 'bar', + barMaxWidth: 40 } ] }; @@ -84,6 +88,10 @@ this.loading = false; this.$message.error(e.message); }); + }, + barMousedown(e) { + //通过鼠标点击事件,获取点击的索引值 + this.$router.replace(this.dataUrl[e.dataIndex] + '&title=' + e.name); } }, watch: { diff --git a/src/views/sylive/activity/statistics/piechart/index.vue b/src/views/sylive/activity/statistics/piechart/index.vue index 2cc29ec..45a4803 100644 --- a/src/views/sylive/activity/statistics/piechart/index.vue +++ b/src/views/sylive/activity/statistics/piechart/index.vue @@ -29,7 +29,7 @@ use([CanvasRenderer, PieChart, TooltipComponent, LegendComponent]); export default { - name: 'SyliveActivityStatistics', + name: 'SyliveActivityStatisticsPie', components: { VChart }, diff --git a/src/views/sylive/activity/statistics/storebarchart/index.vue b/src/views/sylive/activity/statistics/storebarchart/index.vue new file mode 100644 index 0000000..191f2d3 --- /dev/null +++ b/src/views/sylive/activity/statistics/storebarchart/index.vue @@ -0,0 +1,103 @@ + + +