diff --git a/src/consts/statistics.js b/src/consts/statistics.js index 22b10c32..383656dd 100644 --- a/src/consts/statistics.js +++ b/src/consts/statistics.js @@ -1,5 +1,10 @@ import datetime from './datetime.js'; +const allAnalysisTypes = { + CategoricalAnalysis: 0, + TrendAnalysis: 1 +}; + const allCategoricalChartTypes = { Pie: 0, Bar: 1 @@ -18,38 +23,86 @@ const allCategoricalChartTypesArray = [ const defaultCategoricalChartType = allCategoricalChartTypes.Pie; +const allTrendChartTypes = { + Area: 0, + Column: 1 +}; + +const allTrendChartTypesArray = [ + { + name: 'Area Chart', + type: allTrendChartTypes.Area + }, + { + name: 'Column Chart', + type: allTrendChartTypes.Column + } +]; + +const defaultTrendChartType = allTrendChartTypes.Area; + const allChartDataTypes = { ExpenseByAccount: { type: 0, - name: 'Expense By Account' + name: 'Expense By Account', + availableAnalysisTypes: { + [allAnalysisTypes.CategoricalAnalysis]: true, + [allAnalysisTypes.TrendAnalysis]: true, + } }, ExpenseByPrimaryCategory: { type: 1, - name: 'Expense By Primary Category' + name: 'Expense By Primary Category', + availableAnalysisTypes: { + [allAnalysisTypes.CategoricalAnalysis]: true, + [allAnalysisTypes.TrendAnalysis]: true, + } }, ExpenseBySecondaryCategory: { type: 2, - name: 'Expense By Secondary Category' + name: 'Expense By Secondary Category', + availableAnalysisTypes: { + [allAnalysisTypes.CategoricalAnalysis]: true, + [allAnalysisTypes.TrendAnalysis]: true, + } }, IncomeByAccount: { type: 3, - name: 'Income By Account' + name: 'Income By Account', + availableAnalysisTypes: { + [allAnalysisTypes.CategoricalAnalysis]: true, + [allAnalysisTypes.TrendAnalysis]: true, + } }, IncomeByPrimaryCategory: { type: 4, - name: 'Income By Primary Category' + name: 'Income By Primary Category', + availableAnalysisTypes: { + [allAnalysisTypes.CategoricalAnalysis]: true, + [allAnalysisTypes.TrendAnalysis]: true, + } }, IncomeBySecondaryCategory: { type: 5, - name: 'Income By Secondary Category' + name: 'Income By Secondary Category', + availableAnalysisTypes: { + [allAnalysisTypes.CategoricalAnalysis]: true, + [allAnalysisTypes.TrendAnalysis]: true, + } }, AccountTotalAssets: { type: 6, - name: 'Account Total Assets' + name: 'Account Total Assets', + availableAnalysisTypes: { + [allAnalysisTypes.CategoricalAnalysis]: true + } }, AccountTotalLiabilities: { type: 7, - name: 'Account Total Liabilities' + name: 'Account Total Liabilities', + availableAnalysisTypes: { + [allAnalysisTypes.CategoricalAnalysis]: true + } } }; @@ -82,9 +135,13 @@ const allSortingTypesArray = [ const defaultSortingType = allSortingTypes.Amount.type; export default { + allAnalysisTypes: allAnalysisTypes, allCategoricalChartTypes: allCategoricalChartTypes, allCategoricalChartTypesArray: allCategoricalChartTypesArray, defaultCategoricalChartType: defaultCategoricalChartType, + allTrendChartTypes: allTrendChartTypes, + allTrendChartTypesArray: allTrendChartTypesArray, + defaultTrendChartType: defaultTrendChartType, allChartDataTypes: allChartDataTypes, defaultChartDataType: defaultChartDataType, defaultDataRangeType: datetime.allDateRanges.ThisMonth.type, diff --git a/src/lib/i18n.js b/src/lib/i18n.js index 037a30d4..dbf4b7db 100644 --- a/src/lib/i18n.js +++ b/src/lib/i18n.js @@ -823,6 +823,21 @@ function getAllCategoricalChartTypes(translateFn) { return allChartTypes; } +function getAllTrendChartTypes(translateFn) { + const allChartTypes = []; + + for (let i = 0; i < statistics.allTrendChartTypesArray.length; i++) { + const chartType = statistics.allTrendChartTypesArray[i]; + + allChartTypes.push({ + type: chartType.type, + displayName: translateFn(chartType.name) + }); + } + + return allChartTypes; +} + function getAllStatisticsChartDataTypes(translateFn) { const allChartDataTypes = []; @@ -835,7 +850,8 @@ function getAllStatisticsChartDataTypes(translateFn) { allChartDataTypes.push({ type: chartDataType.type, - displayName: translateFn(chartDataType.name) + displayName: translateFn(chartDataType.name), + availableAnalysisTypes: chartDataType.availableAnalysisTypes }); } @@ -1367,6 +1383,7 @@ export function i18nFunctions(i18nGlobal) { getAllAccountCategories: () => getAllAccountCategories(i18nGlobal.t), getAllAccountTypes: () => getAllAccountTypes(i18nGlobal.t), getAllCategoricalChartTypes: () => getAllCategoricalChartTypes(i18nGlobal.t), + getAllTrendChartTypes: () => getAllTrendChartTypes(i18nGlobal.t), getAllStatisticsChartDataTypes: () => getAllStatisticsChartDataTypes(i18nGlobal.t), getAllStatisticsSortingTypes: () => getAllStatisticsSortingTypes(i18nGlobal.t), getAllTransactionEditScopeTypes: () => getAllTransactionEditScopeTypes(i18nGlobal.t), diff --git a/src/lib/settings.js b/src/lib/settings.js index 5a3ac1c6..d2f2eb60 100644 --- a/src/lib/settings.js +++ b/src/lib/settings.js @@ -21,13 +21,14 @@ const defaultSettings = { showTotalAmountInTransactionListPage: true, showAccountBalance: true, statistics: { - defaultChartType: statisticsConstants.defaultCategoricalChartType, defaultChartDataType: statisticsConstants.defaultChartDataType, defaultDataRangeType: statisticsConstants.defaultDataRangeType, defaultTimezoneType: timezoneConstants.defaultTimezoneTypesUsedForStatistics, defaultAccountFilter: {}, defaultTransactionCategoryFilter: {}, - defaultSortingType: statisticsConstants.defaultSortingType + defaultSortingType: statisticsConstants.defaultSortingType, + defaultCategoricalChartType: statisticsConstants.defaultCategoricalChartType, + defaultTrendChartType: statisticsConstants.defaultTrendChartType, }, animate: true }; @@ -221,14 +222,6 @@ export function setShowAccountBalance(value) { setOption('showAccountBalance', value); } -export function getStatisticsDefaultChartType() { - return getSubOption('statistics', 'defaultChartType'); -} - -export function setStatisticsDefaultChartType(value) { - setSubOption('statistics', 'defaultChartType', value); -} - export function getStatisticsDefaultChartDataType() { return getSubOption('statistics', 'defaultChartDataType'); } @@ -277,6 +270,22 @@ export function setStatisticsSortingType(value) { setSubOption('statistics', 'defaultSortingType', value); } +export function getStatisticsDefaultCategoricalChartType() { + return getSubOption('statistics', 'defaultCategoricalChartType'); +} + +export function setStatisticsDefaultCategoricalChartType(value) { + setSubOption('statistics', 'defaultCategoricalChartType', value); +} + +export function getStatisticsDefaultTrendChartType() { + return getSubOption('statistics', 'defaultTrendChartType'); +} + +export function setStatisticsDefaultTrendChartType(value) { + setSubOption('statistics', 'defaultTrendChartType', value); +} + export function isEnableAnimate() { return getOption('animate'); } diff --git a/src/lib/statistics.js b/src/lib/statistics.js new file mode 100644 index 00000000..27b579d5 --- /dev/null +++ b/src/lib/statistics.js @@ -0,0 +1,19 @@ +import statisticsConstants from '@/consts/statistics.js'; + +export function isChartDataTypeAvailableForAnalysisType(chartDataType, analysisType) { + for (const dataTypeField in statisticsConstants.allChartDataTypes) { + if (!Object.prototype.hasOwnProperty.call(statisticsConstants.allChartDataTypes, dataTypeField)) { + continue; + } + + const dataTypeItem = statisticsConstants.allChartDataTypes[dataTypeField]; + + if (dataTypeItem.type !== chartDataType) { + continue; + } + + return !!dataTypeItem.availableAnalysisTypes[analysisType]; + } + + return false; +} diff --git a/src/locales/en.js b/src/locales/en.js index 54ac026a..4a12368e 100644 --- a/src/locales/en.js +++ b/src/locales/en.js @@ -768,6 +768,8 @@ export default { 'Custom': 'Custom', 'Pie Chart': 'Pie Chart', 'Bar Chart': 'Bar Chart', + 'Area Chart': 'Area Chart', + 'Column Chart': 'Column Chart', 'Sort by': 'Sort by', 'User': 'User', 'Application': 'Application', @@ -995,6 +997,7 @@ export default { 'Unable to delete this transaction': 'Unable to delete this transaction', 'Unable to retrieve transaction statistics': 'Unable to retrieve transaction statistics', 'Categorical Analysis': 'Categorical Analysis', + 'Trend Analysis': 'Trend Analysis', 'Total Amount': 'Total Amount', 'Total Assets': 'Total Assets', 'Total Liabilities': 'Total Liabilities', @@ -1009,6 +1012,9 @@ export default { 'Account Total Assets': 'Account Total Assets', 'Account Total Liabilities': 'Account Total Liabilities', 'Statistics Settings': 'Statistics Settings', + 'Common Settings': 'Common Settings', + 'Categorical Analysis Settings': 'Categorical Analysis Settings', + 'Trend Analysis Settings': 'Trend Analysis Settings', 'Chart Type': 'Chart Type', 'Default Chart Type': 'Default Chart Type', 'Chart Data Type': 'Chart Data Type', diff --git a/src/locales/zh_Hans.js b/src/locales/zh_Hans.js index e8fecd7b..1ed053aa 100644 --- a/src/locales/zh_Hans.js +++ b/src/locales/zh_Hans.js @@ -768,6 +768,8 @@ export default { 'Custom': '自定义', 'Pie Chart': '饼图', 'Bar Chart': '条形图', + 'Area Chart': '面积图', + 'Column Chart': '柱状图', 'Sort by': '排序方式', 'User': '用户', 'Application': '应用', @@ -995,6 +997,7 @@ export default { 'Unable to delete this transaction': '无法删除该交易', 'Unable to retrieve transaction statistics': '无法获取交易统计数据', 'Categorical Analysis': '分类分析', + 'Trend Analysis': '趋势分析', 'Total Amount': '总金额', 'Total Assets': '总资产', 'Total Liabilities': '总负债', @@ -1009,6 +1012,9 @@ export default { 'Account Total Assets': '账户总资产', 'Account Total Liabilities': '账户总负债', 'Statistics Settings': '统计设置', + 'Common Settings': '通用设置', + 'Categorical Analysis Settings': '分类分析设置', + 'Trend Analysis Settings': '趋势分析设置', 'Chart Type': '图表类型', 'Default Chart Type': '默认图表类型', 'Chart Data Type': '图表数据类型', diff --git a/src/stores/setting.js b/src/stores/setting.js index 5439b88f..3de8bdb9 100644 --- a/src/stores/setting.js +++ b/src/stores/setting.js @@ -22,13 +22,14 @@ export const useSettingsStore = defineStore('settings', { showTotalAmountInTransactionListPage: settings.isShowTotalAmountInTransactionListPage(), showAccountBalance: settings.isShowAccountBalance(), statistics: { - defaultChartType: settings.getStatisticsDefaultChartType(), defaultChartDataType: settings.getStatisticsDefaultChartDataType(), defaultDataRangeType: settings.getStatisticsDefaultDateRange(), defaultTimezoneType: settings.getStatisticsDefaultTimezoneType(), defaultAccountFilter: settings.getStatisticsDefaultAccountFilter(), defaultTransactionCategoryFilter: settings.getStatisticsDefaultTransactionCategoryFilter(), - defaultSortingType: settings.getStatisticsSortingType() + defaultSortingType: settings.getStatisticsSortingType(), + defaultCategoricalChartType: settings.getStatisticsDefaultCategoricalChartType(), + defaultTrendChartType: settings.getStatisticsDefaultTrendChartType(), }, animate: settings.isEnableAnimate() }, @@ -94,10 +95,6 @@ export const useSettingsStore = defineStore('settings', { settings.setShowAccountBalance(value); this.appSettings.showAccountBalance = value; }, - setStatisticsDefaultChartType(value) { - settings.setStatisticsDefaultChartType(value); - this.appSettings.statistics.defaultChartType = value; - }, setStatisticsDefaultChartDataType(value) { settings.setStatisticsDefaultChartDataType(value); this.appSettings.statistics.defaultChartDataType = value; @@ -122,6 +119,14 @@ export const useSettingsStore = defineStore('settings', { settings.setStatisticsSortingType(value); this.appSettings.statistics.defaultSortingType = value; }, + setStatisticsDefaultCategoricalChartType(value) { + settings.setStatisticsDefaultCategoricalChartType(value); + this.appSettings.statistics.defaultCategoricalChartType = value; + }, + setStatisticsDefaultTrendChartType(value) { + settings.setStatisticsDefaultTrendChartType(value); + this.appSettings.statistics.defaultTrendChartType = value; + }, setEnableAnimate(value) { settings.setEnableAnimate(value); this.appSettings.animate = value; diff --git a/src/stores/statistics.js b/src/stores/statistics.js index 8e6c4b71..0dfb1ee0 100644 --- a/src/stores/statistics.js +++ b/src/stores/statistics.js @@ -28,8 +28,9 @@ export const useStatisticsStore = defineStore('statistics', { dateType: statisticsConstants.defaultDataRangeType, startTime: 0, endTime: 0, - chartType: statisticsConstants.defaultCategoricalChartType, chartDataType: statisticsConstants.defaultChartDataType, + categoricalChartType: statisticsConstants.defaultCategoricalChartType, + trendChartType: statisticsConstants.defaultTrendChartType, filterAccountIds: {}, filterCategoryIds: {} }, @@ -410,8 +411,9 @@ export const useStatisticsStore = defineStore('statistics', { this.transactionStatisticsFilter.dateType = statisticsConstants.defaultDataRangeType; this.transactionStatisticsFilter.startTime = 0; this.transactionStatisticsFilter.endTime = 0; - this.transactionStatisticsFilter.chartType = statisticsConstants.defaultCategoricalChartType; this.transactionStatisticsFilter.chartDataType = statisticsConstants.defaultChartDataType; + this.transactionStatisticsFilter.categoricalChartType = statisticsConstants.defaultCategoricalChartType; + this.transactionStatisticsFilter.trendChartType = statisticsConstants.defaultTrendChartType; this.transactionStatisticsFilter.filterAccountIds = {}; this.transactionStatisticsFilter.filterCategoryIds = {}; this.transactionCategoryStatisticsData = {}; @@ -422,12 +424,6 @@ export const useStatisticsStore = defineStore('statistics', { const settingsStore = useSettingsStore(); const userStore = useUserStore(); - let defaultChartType = settingsStore.appSettings.statistics.defaultChartType; - - if (defaultChartType !== statisticsConstants.allCategoricalChartTypes.Pie && defaultChartType !== statisticsConstants.allCategoricalChartTypes.Bar) { - defaultChartType = statisticsConstants.defaultCategoricalChartType; - } - let defaultChartDataType = settingsStore.appSettings.statistics.defaultChartDataType; if (defaultChartDataType < statisticsConstants.allChartDataTypes.ExpenseByAccount.type || defaultChartDataType > statisticsConstants.allChartDataTypes.AccountTotalLiabilities.type) { @@ -440,6 +436,18 @@ export const useStatisticsStore = defineStore('statistics', { defaultDateRange = statisticsConstants.defaultDataRangeType; } + let defaultCategoricalChartType = settingsStore.appSettings.statistics.defaultCategoricalChartType; + + if (defaultCategoricalChartType !== statisticsConstants.allCategoricalChartTypes.Pie && defaultCategoricalChartType !== statisticsConstants.allCategoricalChartTypes.Bar) { + defaultCategoricalChartType = statisticsConstants.defaultCategoricalChartType; + } + + let defaultTrendChartType = settingsStore.appSettings.statistics.defaultTrendChartType; + + if (defaultTrendChartType !== statisticsConstants.allTrendChartTypes.Area && defaultTrendChartType !== statisticsConstants.allTrendChartTypes.Column) { + defaultTrendChartType = statisticsConstants.defaultTrendChartType; + } + let defaultSortType = settingsStore.appSettings.statistics.defaultSortingType; if (defaultSortType < statisticsConstants.allSortingTypes.Amount.type || defaultSortType > statisticsConstants.allSortingTypes.Name.type) { @@ -452,7 +460,8 @@ export const useStatisticsStore = defineStore('statistics', { dateType: dateRange ? dateRange.dateType : undefined, startTime: dateRange ? dateRange.minTime : undefined, endTime: dateRange ? dateRange.maxTime : undefined, - chartType: defaultChartType, + categoricalChartType: defaultCategoricalChartType, + trendChartType: defaultTrendChartType, chartDataType: defaultChartDataType, filterAccountIds: settingsStore.appSettings.statistics.defaultAccountFilter || {}, filterCategoryIds: settingsStore.appSettings.statistics.defaultTransactionCategoryFilter || {}, @@ -478,10 +487,16 @@ export const useStatisticsStore = defineStore('statistics', { this.transactionStatisticsFilter.endTime = 0; } - if (filter && isNumber(filter.chartType)) { - this.transactionStatisticsFilter.chartType = filter.chartType; + if (filter && isNumber(filter.categoricalChartType)) { + this.transactionStatisticsFilter.categoricalChartType = filter.categoricalChartType; } else { - this.transactionStatisticsFilter.chartType = statisticsConstants.defaultCategoricalChartType; + this.transactionStatisticsFilter.categoricalChartType = statisticsConstants.defaultCategoricalChartType; + } + + if (filter && isNumber(filter.trendChartType)) { + this.transactionStatisticsFilter.trendChartType = filter.trendChartType; + } else { + this.transactionStatisticsFilter.trendChartType = statisticsConstants.defaultTrendChartType; } if (filter && isNumber(filter.chartDataType)) { @@ -521,8 +536,12 @@ export const useStatisticsStore = defineStore('statistics', { this.transactionStatisticsFilter.endTime = filter.endTime; } - if (filter && isNumber(filter.chartType)) { - this.transactionStatisticsFilter.chartType = filter.chartType; + if (filter && isNumber(filter.categoricalChartType)) { + this.transactionStatisticsFilter.categoricalChartType = filter.categoricalChartType; + } + + if (filter && isNumber(filter.trendChartType)) { + this.transactionStatisticsFilter.trendChartType = filter.trendChartType; } if (filter && isNumber(filter.chartDataType)) { @@ -620,5 +639,8 @@ export const useStatisticsStore = defineStore('statistics', { }); }); }, + loadTrendAnalysis({ force }) { + return Promise.resolve(true); + }, } }); diff --git a/src/views/desktop/app/settings/tabs/AppStatisticsSettingTab.vue b/src/views/desktop/app/settings/tabs/AppStatisticsSettingTab.vue index e15ec841..b8e1d4e0 100644 --- a/src/views/desktop/app/settings/tabs/AppStatisticsSettingTab.vue +++ b/src/views/desktop/app/settings/tabs/AppStatisticsSettingTab.vue @@ -5,18 +5,6 @@ - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -96,29 +128,24 @@ export default { }, computed: { ...mapStores(useSettingsStore), - allCategoricalChartTypes() { - return this.$locale.getAllCategoricalChartTypes(); - }, allChartDataTypes() { return this.$locale.getAllStatisticsChartDataTypes(); }, allSortingTypes() { return this.$locale.getAllStatisticsSortingTypes(); }, + allCategoricalChartTypes() { + return this.$locale.getAllCategoricalChartTypes(); + }, + allTrendChartTypes() { + return this.$locale.getAllTrendChartTypes(); + }, allDateRanges() { return this.$locale.getAllDateRanges(false); }, allTimezoneTypesUsedForStatistics() { return this.$locale.getAllTimezoneTypesUsedForStatistics(); }, - defaultChartType: { - get: function () { - return this.settingsStore.appSettings.statistics.defaultChartType; - }, - set: function (value) { - this.settingsStore.setStatisticsDefaultChartType(value); - } - }, defaultChartDataType: { get: function () { return this.settingsStore.appSettings.statistics.defaultChartDataType; @@ -150,6 +177,22 @@ export default { set: function (value) { this.settingsStore.setStatisticsSortingType(value); } + }, + defaultCategoricalChartType: { + get: function () { + return this.settingsStore.appSettings.statistics.defaultCategoricalChartType; + }, + set: function (value) { + this.settingsStore.setStatisticsDefaultCategoricalChartType(value); + } + }, + defaultTrendChartType: { + get: function () { + return this.settingsStore.appSettings.statistics.defaultTrendChartType; + }, + set: function (value) { + this.settingsStore.setStatisticsDefaultTrendChartType(value); + } } } }; diff --git a/src/views/desktop/statistics/TransactionPage.vue b/src/views/desktop/statistics/TransactionPage.vue index 95a7f8ed..7e7da321 100644 --- a/src/views/desktop/statistics/TransactionPage.vue +++ b/src/views/desktop/statistics/TransactionPage.vue @@ -6,11 +6,12 @@
+ { name: $t('Categorical Analysis'), value: allAnalysisTypes.CategoricalAnalysis }, + { name: $t('Trend Analysis'), value: allAnalysisTypes.TrendAnalysis } + ]" v-model="analysisType" />
-
+
{{ $t('Chart Type') }}
-
+
{{ $t('Sort Order') }}
+ :disabled="loading" v-model="query.chartDataType"> + v-for="dataType in allChartDataTypes" v-show="dataType.availableAnalysisTypes[analysisType]"> {{ $t(dataType.name) }} {{ $t(dataType.name) }} @@ -46,7 +46,7 @@ - + + v-if="initing || (analysisType === allAnalysisTypes.CategoricalAnalysis && categoricalAnalysisData && categoricalAnalysisData.items && categoricalAnalysisData.items.length)"> {{ totalAmountName }} + v-else-if="!initing && (analysisType === allAnalysisTypes.CategoricalAnalysis && !categoricalAnalysisData || !categoricalAnalysisData.items || !categoricalAnalysisData.items.length)"> {{ $t('No transaction data') }} - + + @@ -64,34 +81,27 @@ import { mapStores } from 'pinia'; import { useSettingsStore } from '@/stores/setting.js'; -import statisticsConstants from '@/consts/statistics.js'; - export default { computed: { ...mapStores(useSettingsStore), - allCategoricalChartTypes() { - return this.$locale.getAllCategoricalChartTypes(); - }, allChartDataTypes() { return this.$locale.getAllStatisticsChartDataTypes(); }, allSortingTypes() { return this.$locale.getAllStatisticsSortingTypes(); }, + allCategoricalChartTypes() { + return this.$locale.getAllCategoricalChartTypes(); + }, + allTrendChartTypes() { + return this.$locale.getAllTrendChartTypes(); + }, allDateRanges() { return this.$locale.getAllDateRanges(false); }, allTimezoneTypesUsedForStatistics() { return this.$locale.getAllTimezoneTypesUsedForStatistics(); }, - defaultChartType: { - get: function () { - return this.settingsStore.appSettings.statistics.defaultChartType; - }, - set: function (value) { - this.settingsStore.setStatisticsDefaultChartType(value); - } - }, defaultChartDataType: { get: function () { return this.settingsStore.appSettings.statistics.defaultChartDataType; @@ -123,6 +133,22 @@ export default { set: function (value) { this.settingsStore.setStatisticsSortingType(value); } + }, + defaultCategoricalChartType: { + get: function () { + return this.settingsStore.appSettings.statistics.defaultCategoricalChartType; + }, + set: function (value) { + this.settingsStore.setStatisticsDefaultCategoricalChartType(value); + } + }, + defaultTrendChartType: { + get: function () { + return this.settingsStore.appSettings.statistics.defaultTrendChartType; + }, + set: function (value) { + this.settingsStore.setStatisticsDefaultTrendChartType(value); + } } } }; diff --git a/src/views/mobile/statistics/TransactionPage.vue b/src/views/mobile/statistics/TransactionPage.vue index 5b339cd9..b968e3d4 100644 --- a/src/views/mobile/statistics/TransactionPage.vue +++ b/src/views/mobile/statistics/TransactionPage.vue @@ -28,7 +28,7 @@ - +
{{ $t('Sort by') }} @@ -77,7 +77,7 @@ - +
@@ -198,7 +198,7 @@ - {{ chartType.displayName }} + {{ chartType.displayName }} @@ -438,7 +438,7 @@ export default { }, setChartType(chartType) { this.statisticsStore.updateTransactionStatisticsFilter({ - chartType: chartType + categoricalChartType: chartType }); }, setChartDataType(chartDataType) {