dtable-statistic 4.0.2-test-2

package/es/desktop-dashboard.js

@@ -0,0 +1,299 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React, { Component } from 'react';
+import classnames from 'classnames';
+import { UncontrolledTooltip } from 'reactstrap';
+import intl from 'react-intl-universal';
+import { Views } from 'dtable-store';
+import dtableDbAPI from './api/dtable-db-api';
+import Tabs from './tabs';
+import StatList from './stat-list';
+import ColorThemeDialog from './components/dialog/color-theme-dialog';
+import ChartAdditionEditDialog from './components/dialog/chart-addition-edit-dialog';
+import StatisticRecordDialog from './components/dialog/statistic-record-dialog';
+import ChartService from './service/chart-service';
+import { getSqlString } from './utils/sql-utils';
+import logo from './assets/images/icon.png';
+var KEY_LOCAL_THEME_MODE = 'statistics-theme-mode';
+var DesktopDashboard = /*#__PURE__*/function (_Component) {
+  _inherits(DesktopDashboard, _Component);
+  var _super = _createSuper(DesktopDashboard);
+  function DesktopDashboard(props) {
+    var _this;
+    _classCallCheck(this, DesktopDashboard);
+    _this = _super.call(this, props);
+    _this.onToggleColorThemeDialog = function () {
+      _this.setState({
+        isShowColorThemeDialog: !_this.state.isShowColorThemeDialog
+      });
+    };
+    _this.onToggleFullScreen = function () {
+      _this.setState({
+        isFullScreen: !_this.state.isFullScreen
+      });
+    };
+    _this.onToggleChartAddition = function () {
+      _this.setState({
+        isShowChartAdditionDialog: !_this.state.isShowChartAdditionDialog,
+        editingChart: null
+      });
+    };
+    _this.toggleThemeMode = function () {
+      var theme = _this.state.theme === 'dark' ? 'light' : 'dark';
+      _this.setState({
+        theme: theme
+      }, function () {
+        _this.saveThemeMode2LocalStorage(theme);
+      });
+    };
+    _this.onToggleEditChart = function (chartId) {
+      var _this$props = _this.props,
+        statistics = _this$props.statistics,
+        selectedDashboardIdx = _this$props.selectedDashboardIdx;
+      var statistic = statistics[selectedDashboardIdx];
+      var editingChart = statistic && statistic.stat_items.find(function (chart) {
+        return chart._id === chartId;
+      });
+      _this.setState({
+        isShowChartAdditionDialog: true,
+        editingChart: editingChart
+      });
+    };
+    _this.onCloseDashboard = function () {
+      _this.props.onCloseDashboard({
+        isFullScreen: _this.state.isFullScreen
+      });
+    };
+    _this.getThemeModeMap = function () {
+      var themeString = window.localStorage.getItem(KEY_LOCAL_THEME_MODE);
+      return themeString ? JSON.parse(themeString) : {};
+    };
+    _this.saveThemeMode2LocalStorage = function (mode) {
+      var dtableUuid = window.dtable.dtableUuid;
+      var uuidThemeModeMap = _this.getThemeModeMap();
+      uuidThemeModeMap[dtableUuid] = mode;
+      localStorage.setItem(KEY_LOCAL_THEME_MODE, JSON.stringify(uuidThemeModeMap));
+    };
+    _this.getThemeModeFromLocalStorage = function () {
+      var dtableUuid = window.dtable.dtableUuid;
+      var uuidThemeModeMap = _this.getThemeModeMap();
+      return uuidThemeModeMap[dtableUuid];
+    };
+    _this.toggleStatisticRecordsDialog = function (statisticRecord, chart) {
+      var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+        _ref$isColumn = _ref.isColumn,
+        isColumn = _ref$isColumn === void 0 ? false : _ref$isColumn,
+        _ref$isCurrentView = _ref.isCurrentView,
+        isCurrentView = _ref$isCurrentView === void 0 ? false : _ref$isCurrentView,
+        _ref$isRow = _ref.isRow,
+        isRow = _ref$isRow === void 0 ? false : _ref$isRow;
+      if (_this.state.chartRecordsParams) {
+        _this.setState({
+          chartRecordsParams: null
+        });
+        return;
+      }
+      var statisticRecords = statisticRecord.rows;
+      if (!Array.isArray(statisticRecords) || statisticRecords.length === 0) return;
+      var getTableById = _this.props.getTableById;
+      var table_id = chart.table_id,
+        view_id = chart.view_id;
+      var table = getTableById(table_id);
+      var view = Views.getViewById(table.views, view_id);
+      var isArchiveView = Views.isArchiveView(view);
+      var chartRecordsParams = {
+        isLoading: true,
+        currentDate: statisticRecord.name,
+        chart: chart
+      };
+      _this.setState({
+        chartRecordsParams: chartRecordsParams
+      }, function () {
+        if (isArchiveView || !statisticRecords) {
+          var sqlString = getSqlString(chart, statisticRecord, {
+            isColumn: isColumn,
+            isCurrentView: isCurrentView,
+            isRow: isRow,
+            getTableById: getTableById
+          });
+          dtableDbAPI.sqlQuery(sqlString).then(function (res) {
+            var rows = res.data.results;
+            chartRecordsParams.rows = rows;
+            chartRecordsParams.isLoading = false;
+            _this.setState({
+              chartRecordsParams: chartRecordsParams
+            });
+          });
+          return;
+        }
+        chartRecordsParams.rows = statisticRecord.rows;
+        chartRecordsParams.isLoading = false;
+        _this.setState({
+          chartRecordsParams: chartRecordsParams
+        });
+      });
+    };
+    _this.generateChart = function (chartType) {
+      var _this$props2 = _this.props,
+        statistics = _this$props2.statistics,
+        selectedDashboardIdx = _this$props2.selectedDashboardIdx;
+      var dashboard = statistics[selectedDashboardIdx];
+      var activeTable = _this.props.getActiveTable();
+      var activeView = _this.props.getActiveView();
+      return _this.charService.generateChart({
+        type: chartType,
+        dashboard: dashboard,
+        activeTable: activeTable,
+        activeView: activeView
+      });
+    };
+    var defaultChartTitle = intl.get('Untitled');
+    _this.charService = new ChartService({
+      defaultChartTitle: defaultChartTitle
+    });
+    _this.state = {
+      theme: _this.getThemeModeFromLocalStorage() || '',
+      isFullScreen: false,
+      isShowChartAdditionDialog: false,
+      isShowColorThemeDialog: false,
+      editingChart: null,
+      chartRecordsParams: null
+    };
+    return _this;
+  }
+  _createClass(DesktopDashboard, [{
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+        getTableById = _this$props3.getTableById,
+        isTableReadOnly = _this$props3.isTableReadOnly,
+        refresh = _this$props3.refresh,
+        colorThemeName = _this$props3.colorThemeName,
+        statistics = _this$props3.statistics,
+        selectedDashboardIdx = _this$props3.selectedDashboardIdx,
+        chartCalculator = _this$props3.chartCalculator,
+        labelColorConfigs = _this$props3.labelColorConfigs,
+        eventBus = _this$props3.eventBus;
+      var _this$state = this.state,
+        theme = _this$state.theme,
+        isFullScreen = _this$state.isFullScreen,
+        editingChart = _this$state.editingChart,
+        chartRecordsParams = _this$state.chartRecordsParams;
+      var darkMode = theme === 'dark';
+      var statistic = statistics[selectedDashboardIdx];
+      var _ref2 = statistic || {},
+        statItems = _ref2.stat_items;
+      return /*#__PURE__*/React.createElement("div", {
+        className: classnames('statistic-them statistic-panel', {
+          'statistic-dark': darkMode,
+          'statistic-light': !darkMode,
+          'full-screen': isFullScreen
+        })
+      }, /*#__PURE__*/React.createElement("header", {
+        className: "statistic-header"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "statistic-logo"
+      }, /*#__PURE__*/React.createElement("img", {
+        src: logo,
+        alt: "",
+        width: "24"
+      }), /*#__PURE__*/React.createElement("span", {
+        className: "ml-2"
+      }, intl.get('Statistics'))), /*#__PURE__*/React.createElement(Tabs, {
+        theme: theme,
+        statistics: statistics,
+        selectedDashboardIdx: selectedDashboardIdx,
+        selectDashboard: this.props.selectDashboard,
+        addDashboard: this.props.addDashboard,
+        renameDashboard: this.props.renameDashboard,
+        deleteDashboard: this.props.deleteDashboard,
+        moveDashboard: this.props.moveDashboard
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "statistic-header-operators d-flex align-items-center"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "op-item op-item-icon-wrapper mr-4",
+        onClick: this.onToggleColorThemeDialog
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "op-item-icon dtable-font dtable-icon-set-up"
+      })), !isTableReadOnly && /*#__PURE__*/React.createElement("button", {
+        className: "btn btn-secondary op-item add-stat mr-4",
+        onClick: this.onToggleChartAddition
+      }, /*#__PURE__*/React.createElement("i", {
+        className: "op-item-icon add-chart-icon dtable-font dtable-icon-add-table"
+      }), /*#__PURE__*/React.createElement("span", {
+        className: "add-new-option"
+      }, intl.get('New_chart'))), /*#__PURE__*/React.createElement("div", {
+        className: "op-item op-item-icon-wrapper mr-4",
+        id: "btn-statistic-full-screen",
+        onClick: this.onToggleFullScreen
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "op-item-icon dtable-font dtable-icon-full-screen ".concat(isFullScreen ? 'full-screen-active' : '')
+      }), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
+        placement: "bottom",
+        target: "btn-statistic-full-screen"
+      }, isFullScreen ? intl.get('Cancel_full_screen') : intl.get('Full_screen'))), /*#__PURE__*/React.createElement("div", {
+        className: "op-item op-item-icon-wrapper mr-4",
+        id: "btn-statistic-theme-setting"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "op-item-icon dtable-font ".concat(theme === 'dark' ? 'dtable-icon-day-mode' : 'dtable-icon-night-mode'),
+        onClick: this.toggleThemeMode
+      }), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
+        placement: "bottom",
+        target: "btn-statistic-theme-setting"
+      }, darkMode ? intl.get('Light_mode') : intl.get('Dark_mode'))), /*#__PURE__*/React.createElement("div", {
+        onClick: this.onCloseDashboard,
+        className: "op-item op-item-icon-wrapper"
+      }, /*#__PURE__*/React.createElement("span", {
+        title: intl.get('Close'),
+        className: "op-item-icon dtable-font dtable-icon-fork-number"
+      })))), /*#__PURE__*/React.createElement("main", {
+        className: "statistic-main"
+      }, /*#__PURE__*/React.createElement(StatList, {
+        isTableReadOnly: isTableReadOnly,
+        refresh: refresh,
+        theme: theme,
+        colorThemeName: colorThemeName,
+        statItems: statItems,
+        chartCalculator: chartCalculator,
+        eventBus: eventBus,
+        getTableById: this.props.getTableById,
+        getTables: this.props.getTables,
+        copyChart: this.props.copyChart,
+        deleteChart: this.props.deleteChart,
+        modifyDashboardLayout: this.props.modifyDashboardLayout,
+        onToggleEditChart: this.onToggleEditChart,
+        onCloseDashboard: this.props.onCloseDashboard,
+        toggleStatisticRecordsDialog: this.toggleStatisticRecordsDialog
+      })), this.state.isShowChartAdditionDialog && /*#__PURE__*/React.createElement(ChartAdditionEditDialog, {
+        colorThemeName: colorThemeName,
+        editingChart: editingChart,
+        labelColorConfigs: labelColorConfigs,
+        chartCalculator: chartCalculator,
+        eventBus: eventBus,
+        getTables: this.props.getTables,
+        getViews: this.props.getViews,
+        getTableById: this.props.getTableById,
+        generateChart: this.generateChart,
+        hideChartAdditionDialog: this.onToggleChartAddition,
+        addChart: this.props.addChart,
+        modifyChart: this.props.modifyChart,
+        toggleStatisticRecordsDialog: this.toggleStatisticRecordsDialog
+      }), this.state.isShowColorThemeDialog && /*#__PURE__*/React.createElement(ColorThemeDialog, {
+        colorThemeName: colorThemeName,
+        onToggleColorThemeDialog: this.onToggleColorThemeDialog,
+        modifyColorTheme: this.props.modifyColorTheme
+      }), !!this.state.chartRecordsParams && /*#__PURE__*/React.createElement(StatisticRecordDialog, {
+        isLoading: chartRecordsParams.isLoading,
+        rows: chartRecordsParams.rows,
+        statistic: chartRecordsParams.chart,
+        currentDate: chartRecordsParams.currentDate,
+        getTableById: getTableById,
+        toggleStatisticRecordsDialog: this.toggleStatisticRecordsDialog
+      }));
+    }
+  }]);
+  return DesktopDashboard;
+}(Component);
+export default DesktopDashboard;

package/es/index.js

@@ -0,0 +1,33 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import React from 'react';
+import DashBoard from './dashboard';
+var Statistic = /*#__PURE__*/function () {
+  function Statistic() {
+    _classCallCheck(this, Statistic);
+  }
+  _createClass(Statistic, null, [{
+    key: "mount",
+    value: function mount(props) {
+      if (!window.app) return;
+      window.app.mountWidget( /*#__PURE__*/React.createElement(DashBoard, props));
+    }
+  }, {
+    key: "unmount",
+    value: function unmount() {
+      var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+          animation: true
+        },
+        animation = _ref.animation;
+      if (!window.app) return;
+      window.app.unmountWidget({
+        animation: animation
+      });
+    }
+  }]);
+  return Statistic;
+}();
+if (!window.dtableModules) {
+  window.dtableModules = {};
+}
+window.dtableModules['statistic'] = Statistic;

package/es/locale/index.js

@@ -0,0 +1,17 @@
+import intl from 'react-intl-universal';
+import de from './lang/de';
+import en from './lang/en';
+import fr from './lang/fr';
+import zh_CN from './lang/zh_CN';
+var LOCALES = {
+  'de': de,
+  'en': en,
+  'fr': fr,
+  'zh-cn': zh_CN
+};
+var LANGUAGE = 'zh-cn';
+var lang = window.dtable && window.dtable.lang || LANGUAGE;
+intl.init({
+  currentLocale: lang,
+  locales: LOCALES
+});

package/es/locale/lang/de.js

@@ -0,0 +1,237 @@
+var de = {
+  'Statistics': 'Statistics',
+  'New_chart': 'Neue Grafik',
+  'Close': 'Schließen',
+  'Dark_mode': 'Dunkler Modus',
+  'Light_mode': 'Heller Modus',
+  'Full_screen': 'Vollbildmodus',
+  'Cancel_full_screen': 'Vollbildmodus beenden',
+  'Default_dashboard': 'Dashboard',
+  'New_dashboard': 'Neues Dashboard',
+  'Name': 'Name',
+  'Submit': 'Einreichen',
+  'Cancel': 'Abbrechen',
+  'Name_is_required': 'Der Name ist erforderlich.',
+  'Rename_dashboard': 'Dashboard umbenennen',
+  'Rename': 'Umbenennen',
+  'Delete': 'Löschen',
+  'Edit': 'Bearbeiten',
+  'Copy': 'Kopieren',
+  'Export_as_picture': 'Als Bild exportieren',
+  'Edit_the_chart': 'Grafik bearbeiten',
+  'Choose_a_chart': 'Alle Grafiken',
+  'Histogram': 'Säulendiagramm',
+  'Basic_histogram': 'Einfaches Säulendiagramm',
+  'Grouped_histogram': 'Gruppiertes Säulendiagramm',
+  'Stacked_histogram': 'Gestapeltes Säulendiagramm',
+  'Time_comparison_histogram': 'Zeitvergleich-Säulendiagramm',
+  'Custom_histogram': 'Eigenes Säulendiagramm',
+  'Bar_chart': 'Balkendiagramm',
+  'Basic_bar_chart': 'Einfaches Balkendiagramm',
+  'Grouped_bar_chart': 'Gruppiertes Balkendiagramm',
+  'Stacked_bar_chart': 'Gestapeltes Balkendiagramm',
+  'Line_chart': 'Liniendiagramm',
+  'Basic_line_chart': 'Einfaches Liniendiagramm',
+  'Grouped_line_chart': 'Gruppiertes Liniendiagramm',
+  'Pie_chart': 'Kuchendiagramm',
+  'Basic_pie_chart': 'Einfaches Kuchendiagramm',
+  'Ring_chart': 'Ringdiagramm',
+  'Scatter_chart': 'Streudiagramm',
+  'Combination_chart': 'Kombiniertes Diagramm',
+  'Map': 'Karte',
+  'World_map': 'Weltkarte',
+  'Heat_map': 'Wärmebild',
+  'Facet_chart': 'Facet-Diagramm',
+  'Mirror_chart': 'Alterspyramide',
+  'Card': 'Karte',
+  'Basic_number_card': 'KPI-Karte',
+  'Trend_chart': 'Trend-Karte',
+  'Data_settings': 'Dateneinstellungen',
+  'Style_settings': 'Stileinstellungen',
+  'Untitled': 'Ohne Titel',
+  'Settings': 'Einstellungen',
+  'Table': 'Tabelle',
+  'View': 'Ansicht',
+  'Display_title': 'Anzeigetitel',
+  'X-axis': 'X-Achse',
+  'Y-axis': 'Y-Achse',
+  'Y-axis(left side)': 'Y-Achse (primär)',
+  'Y-axis(right side)': 'Y-Achse (sekundär)',
+  'Including_empty_cell': 'Leere Zellen einschließen',
+  'Color': 'Farbe',
+  'Count_the_records': 'Einträge nach der X-Achse gruppieren und Werte in jeder Gruppe zählen',
+  'Compute_sum_max_min': 'Die Einträge nach der X-Achse gruppieren und Summe, Maximum, Minimum oder Durchschnitt für eine Spalte der Einträge berechnen',
+  'Numeric_column': 'Numerische Spalte',
+  'Select_a_column': 'Spalte wählen',
+  'No_options': 'Keine Optionen',
+  'Counting': 'Counting',
+  'Count_by_column': 'Einträge basierend auf einer Spalte gruppieren und Einträge zählen',
+  'Display_legend': 'Legende anzeigen',
+  'Display_percent': 'Prozentwert anzeigen',
+  'Group_by': 'Gruppieren nach',
+  'Summary_method': 'Auswertungsmethode',
+  'Summarize_a_field': 'Feld zusammenfassen',
+  'Summarize_multiple_fields': 'Mehrere Felder zusammenfassen',
+  'Add_new_numeric_column': 'Numerische Spalte hinzufügen',
+  'Horizontal_axis': 'Horizontale Achse',
+  'Vertical_axis': 'Vertikale Achse',
+  'Location_field': 'Positionsfeld',
+  'Time_field': 'Zeitfeld',
+  'Count_by_var': 'Einträge nach {var} gruppieren und die Einträge in jeder Gruppe zählen',
+  'Compute_sum_max_min_by_var': 'Die Einträge nach {var} gruppieren und die Summe, das Maximum, das Minimum oder den Durchschnitt für eine Spalte berechnen',
+  'Count_the_number_of_records_in_each_group': 'Einträge in jeder Gruppe zählen',
+  'Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field': 'Die Summe, das Maximum, das Minimum oder den Durchschnitt in jeder Gruppe für eine Spalte berechnen',
+  'Group_the_records_according_to_the_vertical_axis_and_count_the_records_in_each_group': 'Die Einträge nach der vertikalen Achse gruppieren und die Einträge in jeder Gruppe zählen',
+  'Group_the_records_according_to_the_vertical_axis_and_compute_the_sum_maximum_or_minimum_of_records_in_each_group_by_a_field': 'Die Einträge nach der vertikalen Achse gruppieren und die Summe, das Maximum, das Minimum oder den Durchschnitt der Einträge in jeder Gruppe für eine Spalte berechnen',
+  'Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields': 'Die Summe, das Maximum, das Minimum oder den Durchschnitt der Einträge für mehrere Spalten berechnen',
+  'Statistic_field': 'Statisches Feld',
+  'Reversing': 'In umgekehrter Reihenfolge',
+  'Column_grouping_field': 'Feld für die Gruppierung von Spalten',
+  'Label': 'Datenbeschriftung',
+  'Row_count': 'Anzahl der Zeilen',
+  'Sum': 'Summe',
+  'Max': 'Maximum',
+  'Mean': 'Durchschnitt',
+  'Min': 'Minimum',
+  'By_day': 'Nach Tag',
+  'By_week': 'Nach Woche',
+  'By_month': 'Nach Monat',
+  'By_quarter': 'Nach Quartal',
+  'By_year': 'Nach Jahr',
+  'By_city': 'Nach Stadt',
+  'By_district_county': 'Nach Bezirk/Landkreis',
+  'By_province': 'Nach Provinz',
+  'Comparison_mode': 'Vergleichsmodus',
+  'Yesterday_vs_the_day_before_yesterday': 'Gestern vs. vorgestern',
+  'Last_week_vs_the_week_before_last': 'Letzte Woche vs. die Woche davor',
+  'Last_month_vs_the_month_before_last': 'Letzter Monat vs. der Monat davor',
+  'Last_quarter_vs_the_quarter_before_last': 'Letztes Quartal vs. das Quartal davor',
+  'Last_year_vs_the_year_before_last': 'Letztes Jahr vs. das Jahr davor',
+  'Last_7_days_vs_previous_7_days': 'Letzte 7 Tage vs. 7 Tage davor',
+  'Last_30_days_vs_previous_30_days': 'Letzte 30 Tage vs. 30 Tage davor',
+  'The_year_before_last': 'Das vorletzte Jahr',
+  'The_quarter_before_last': 'Das vorletzte Quartal',
+  'The_month_before_last': 'Der vorletzte Monat',
+  'The_week_before_last': 'Die vorletzte Woche',
+  'Previous_7_days': 'Vorherige 7 Tage',
+  'Previous_30_days': 'Vorherige 30 Tage',
+  'The_day_before_yesterday': 'Vorgestern',
+  'Can_not_compare_with_var': 'Kein Vergleich mit {var] möglich',
+  'Calculate_the_number_of_records_in_two_time_periods': 'Anzahl der Einträge in zwei Zeitperioden vergleichen',
+  'Use_a_field_to_calculate_the_sum_maximum_or_minimum_value_of_records_in_two_time_periods': 'Ein Feld verwenden, um die Summe, das Maximum, das Minimum oder den Durchschnitt von Datensätzen in zwei Zeiträumen zu berechnen',
+  'Sun': 'So',
+  'Mon': 'Mo',
+  'Tue': 'Di',
+  'Wed': 'Mi',
+  'Thu': 'Do',
+  'Fri': 'Fr',
+  'Sat': 'Sa',
+  'Jan': 'Jan',
+  'Feb': 'Feb',
+  'Mar': 'Mär',
+  'Apr': 'Apr',
+  'May': 'Mai',
+  'Jun': 'Jun',
+  'Jul': 'Jul',
+  'Aug': 'Aug',
+  'Sep': 'Sep',
+  'Oct': 'Okt',
+  'Nov': 'Nov',
+  'Dec': 'Dez',
+  'Total': 'Gesamt',
+  'Amount': 'Menge',
+  'Empty': 'Leer',
+  'Left': 'Linksbündig',
+  'Center': 'Zentriert',
+  'Right': 'Rechtsbündig',
+  'Top': 'Oben',
+  'Bottom': 'Unten',
+  'Display_data': 'Datenbeschriftung anzeigen',
+  'Auto_range': 'Automatische Grenzen',
+  'Data_sorting': 'Sortierung',
+  'Not_sorted': 'Nicht sortiert',
+  'Ascending': 'Aufsteigend',
+  'Descending': 'Absteigend',
+  'Others': 'Andere',
+  'Minimum_slice_percent': 'Mindestanteil eines Sektors',
+  'Label_font_size': 'Schriftgröße der Datenbeschriftung',
+  'Bubble': 'Blasendiagramm',
+  'Bubble_color': 'Blasenfarbe',
+  'Area_chart': 'Flächendiagramm',
+  'Grouped_area_chart': 'Gruppiertes Flächendiagramm',
+  'Date_range': 'Zeitspanne',
+  'Compare_to_date_range': 'Mit Zeitspanne vergleichen',
+  'Vertical': 'Vertikal',
+  'Horizontal': 'Horizontal',
+  'Legend_direction': 'Ausrichtung der Legende',
+  'Legend_size': 'Legendengröße',
+  'Completeness_chart': 'Fortschrittsdiagramm',
+  'Grouped_completeness_chart': 'Gruppiertes Fortschrittsdisagramm',
+  'Name_field': 'Name',
+  'Completion_value_field': 'Feld für vollständigen Wert',
+  'Total_value_field': 'Feld für Gesamtwert',
+  'Uncompleted': 'Unvollständig',
+  'Completed': 'Vollständig',
+  'Display_percentage': 'Prozentwert anzeigen',
+  'Display_increase': 'Absolute Veränderung anzeigen',
+  'Display_percentage_increase': 'Prozentuale Veränderung anzeigen',
+  'Gauge': 'Tacho',
+  'Current_value_field': 'Feld für aktuellen Wert',
+  'There_are_no_statistic_results_yet': 'Es gibt noch keine statistischen Ergebnisse.',
+  'Treemap': 'Kacheldiagramm',
+  'Display_stack_total_value': 'Gesamtwert für jede Säule anzeigen',
+  'Pivot_table': 'Pivot-Tabelle',
+  'Row_grouping_field': 'Feld für die Gruppierung von Zeilen',
+  'Not_used': 'Nicht verwendet',
+  'Summary_column': 'Summenspalte',
+  'Add_new_summary_column': 'Summenspalte hinzufügen',
+  'Summary_type': 'Summentyp',
+  'Less': 'Weniger',
+  'More': 'Mehr',
+  'Checked': 'Aktiviert',
+  'Unchecked': 'Nicht aktiviert',
+  'Use_the_colors_from_column_{name}': 'Farben aus der Spalte \"{name}\" verwenden',
+  'Use_default_colors': 'Standardfarben verwenden',
+  'Use_column_colors': 'Farben der Optionen verwenden',
+  'Use_specific_colors': 'Spezifische Farben verwenden',
+  'Use_rules': 'Regeln verwenden',
+  'No_rules': 'Keine Regeln',
+  'Add_rule': 'Regel hinzufügen',
+  'Added_1_rule': '1 Regel wurde hinzugefügt.',
+  'Added_xxx_rules': '{rules_count} Regeln wurden hinzugefügt.',
+  'Define_rule': 'Regel definieren',
+  'Or': 'Oder',
+  'And': 'Und',
+  'Add_condition': 'Bedingung hinzufügen',
+  'equal': '=',
+  'not_equal': '≠',
+  'less': '<',
+  'greater': '>',
+  'less_or_equal': '≤',
+  'greater_or_equal': '≥',
+  'Increase': 'Erhöhen',
+  'Display_label': 'Beschriftung hinzufügen',
+  'Label_position': 'Beschriftungsposition',
+  'Inside_the_chart': 'Innerhalb',
+  'Outside_the_chart': 'Außerhalb',
+  'Label_format': 'Beschriftungsformat',
+  'Numeric_value': 'Numerischer Wert',
+  'Percent': 'Prozent',
+  'Numeric_value_and_percent': 'Numerischer Wert (Prozent)',
+  'Display_annotation': 'Gesamtsumme in der Mitte anzeigen',
+  'Font_size': 'Schriftgröße',
+  'Grid_size': 'Rastergröße',
+  'Grid_distance': 'Abstand zwischen den Rastern',
+  'Number_of_distinct_values': 'Anzahl eindeutiger Werte',
+  'There_are_too_many_statistics_entries_to_display': 'Es wurden zu viele Einträge für die Anzeige ausgewählt. Ändern Sie die Anzeigeeinstellungen.',
+  'Clear_search_text': 'Suche leeren',
+  'Search_records': 'Einträge durchsuchen',
+  'Display_value_of_each_block': 'Datenbeschriftung für jede Block anzeigen',
+  'Chart_color_scheme': 'Farbschema des Diagramms',
+  'Custom_title': 'Eigener Titel',
+  'Display_total': 'Gesamtwert anzeigen',
+  'Line_color': 'Linienfarbe',
+  'Stack': 'Stapel',
+  'Add_new_stack': 'Neuen Stapel hinzufügen'
+};
+export default de;