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 @@
+
+
+
+
+