/* * * (c) Copyright Ascensio System SIA 2010-2019 * * This program is a free software product. You can redistribute it and/or * modify it under the terms of the GNU Affero General Public License (AGPL) * version 3 as published by the Free Software Foundation. In accordance with * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect * that Ascensio System SIA expressly excludes the warranty of non-infringement * of any third-party rights. * * This program is distributed WITHOUT ANY WARRANTY; without even the implied * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html * * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha * street, Riga, Latvia, EU, LV-1050. * * The interactive user interfaces in modified source and object code versions * of the Program must display Appropriate Legal Notices, as required under * Section 5 of the GNU AGPL version 3. * * Pursuant to Section 7(b) of the License you must retain the original Product * logo when distributing the program. Pursuant to Section 7(e) we decline to * grant you any rights under trademark law for use of our trademarks. * * All the Product's GUI elements, including illustrations and icon sets, as * well as technical writing content are licensed under the terms of the * Creative Commons Attribution-ShareAlike 4.0 International. See the License * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode * */ /** * ChartSettingsDlg.js * * Created by Julia Radzhabova on 4/04/14 * Copyright (c) 2018 Ascensio System SIA. All rights reserved. * */ define([ 'text!spreadsheeteditor/main/app/template/ChartSettingsDlg.template', 'common/main/lib/view/AdvancedSettingsWindow', 'common/main/lib/component/CheckBox', 'common/main/lib/component/InputField', 'spreadsheeteditor/main/app/view/CellRangeDialog', 'spreadsheeteditor/main/app/view/ChartDataRangeDialog', 'spreadsheeteditor/main/app/view/FormatSettingsDialog' ], function (contentTemplate) { 'use strict'; SSE.Views.ChartSettingsDlg = Common.Views.AdvancedSettingsWindow.extend(_.extend({ options: { contentWidth: 322, height: 535, toggleGroup: 'chart-settings-dlg-group', storageName: 'sse-chart-settings-adv-category' }, initialize : function(options) { _.extend(this.options, { title: this.textTitle, items: [ {panelId: 'id-chart-settings-dlg-style', panelCaption: this.textType}, {panelId: 'id-chart-settings-dlg-layout', panelCaption: this.textLayout}, {panelId: 'id-chart-settings-dlg-vert', panelCaption: this.textVertAxis}, {panelId: 'id-chart-settings-dlg-vert-sec', panelCaption: this.textVertAxisSec}, {panelId: 'id-chart-settings-dlg-hor', panelCaption: this.textHorAxis}, {panelId: 'id-chart-settings-dlg-hor-sec', panelCaption: this.textHorAxisSec}, {panelId: 'id-spark-settings-dlg-style', panelCaption: this.textTypeData}, {panelId: 'id-spark-settings-dlg-axis', panelCaption: this.textAxisOptions}, {panelId: 'id-chart-settings-dlg-snap', panelCaption: this.textSnap}, {panelId: 'id-chart-settings-dlg-alttext', panelCaption: this.textAlt} ], contentTemplate: _.template(contentTemplate)({ scope: this }) }, options); this.options.handler = function(result, value) { if ( result != 'ok' || this.isRangeValid() ) { if (options.handler) options.handler.call(this, result, value); return; } return true; }; Common.Views.AdvancedSettingsWindow.prototype.initialize.call(this, this.options); this._state = { ChartType: Asc.c_oAscChartTypeSettings.barNormal, SparkType: -1 }; this._noApply = true; this._changedProps = null; this._changedImageProps = null; this.api = this.options.api; this.chartSettings = this.options.chartSettings; this.imageSettings = this.options.imageSettings; this.sparklineStyles = this.options.sparklineStyles; this.isChart = this.options.isChart; this.isDiagramMode = !!this.options.isDiagramMode; this.vertAxisProps = []; this.horAxisProps = []; this.currentAxisProps = []; this.dataRangeValid = ''; this.sparkDataRangeValid = ''; this.dataLocationRangeValid = ''; this.currentChartType = this._state.ChartType; this.storageName = (this.isChart) ? 'sse-chart-settings-adv-category' : 'sse-spark-settings-adv-category'; }, render: function() { Common.Views.AdvancedSettingsWindow.prototype.render.call(this); var me = this; var $window = this.getChild(); // Layout if (this.isDiagramMode) { this.btnChartType = new Common.UI.Button({ cls: 'btn-large-dataview', iconCls: 'svgicon chart-bar-normal', menu: new Common.UI.Menu({ style: 'width: 364px;', additionalAlign: this.menuAddAlign, items: [ {template: _.template('')} ] }) }); this.btnChartType.on('render:after', function (btn) { me.mnuChartTypePicker = new Common.UI.DataView({ el: $('#id-chart-dlg-menu-type'), parentMenu: btn.menu, restoreHeight: 465, groups: new Common.UI.DataViewGroupStore(Common.define.chartData.getChartGroupData()), store: new Common.UI.DataViewStore(Common.define.chartData.getChartData()), itemTemplate: _.template('
\">
') }); }); this.btnChartType.render($('#chart-dlg-button-type')); this.mnuChartTypePicker.on('item:click', _.bind(this.onSelectType, this, this.btnChartType)); } this.cmbChartTitle = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-chart-title'), menuStyle: 'min-width: 140px;', editable: false, cls: 'input-group-nr', data: [ {value: Asc.c_oAscChartTitleShowSettings.none, displayValue: this.textNone}, {value: Asc.c_oAscChartTitleShowSettings.overlay, displayValue: this.textOverlay}, {value: Asc.c_oAscChartTitleShowSettings.noOverlay, displayValue: this.textNoOverlay} ], takeFocusOnClose: true }); this.cmbLegendPos = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-legend-pos'), menuStyle: 'min-width: 140px;', editable: false, cls: 'input-group-nr', data: [ {value: Asc.c_oAscChartLegendShowSettings.none, displayValue: this.textNone}, {value: Asc.c_oAscChartLegendShowSettings.bottom, displayValue: this.textLegendBottom}, {value: Asc.c_oAscChartLegendShowSettings.top, displayValue: this.textLegendTop}, {value: Asc.c_oAscChartLegendShowSettings.right, displayValue: this.textLegendRight}, {value: Asc.c_oAscChartLegendShowSettings.left, displayValue: this.textLegendLeft}, {value: Asc.c_oAscChartLegendShowSettings.leftOverlay, displayValue: this.textLeftOverlay}, {value: Asc.c_oAscChartLegendShowSettings.rightOverlay, displayValue: this.textRightOverlay} ], takeFocusOnClose: true }); this.cmbDataLabels = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-data-labels'), menuStyle: 'min-width: 140px;', editable: false, cls: 'input-group-nr', data: [ {value: Asc.c_oAscChartDataLabelsPos.none, displayValue: this.textNone}, {value: Asc.c_oAscChartDataLabelsPos.ctr, displayValue: this.textCenter}, {value: Asc.c_oAscChartDataLabelsPos.inBase, displayValue: this.textInnerBottom}, {value: Asc.c_oAscChartDataLabelsPos.inEnd, displayValue: this.textInnerTop}, {value: Asc.c_oAscChartDataLabelsPos.outEnd, displayValue: this.textOuterTop} ], takeFocusOnClose: true }); this.cmbDataLabels.on('selected', _.bind(me.onSelectDataLabels, this)); this.txtSeparator = new Common.UI.InputField({ el: $('#chart-dlg-txt-separator'), name: 'range', style: 'width: 100%;', allowBlank: true, blankError: this.txtEmpty }); this.chSeriesName = new Common.UI.CheckBox({ el: $('#chart-dlg-check-series'), labelText: this.textSeriesName }); this.chCategoryName = new Common.UI.CheckBox({ el: $('#chart-dlg-check-category'), labelText: this.textCategoryName }); this.chValue = new Common.UI.CheckBox({ el: $('#chart-dlg-check-value'), labelText: this.textValue }); this.cmbLines = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-lines'), menuStyle: 'min-width: 140px;', editable: false, cls: 'input-group-nr', data: [ {value: 0, displayValue: this.textNone}, {value: 1, displayValue: this.textStraight}, {value: 2, displayValue: this.textSmooth} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (this.chartSettings) { this.chartSettings.putLine(record.value !== 0); if (record.value > 0) this.chartSettings.putSmooth(record.value == 2); } }, this)); this.chMarkers = new Common.UI.CheckBox({ el: $('#chart-dlg-check-markers'), labelText: this.textMarkers }).on('change', _.bind(function (checkbox, state) { if (this.chartSettings) this.chartSettings.putShowMarker(state == 'checked'); }, this)); this.lblLines = $('#chart-dlg-label-lines'); // Vertical Axis this.cmbMinType = []; this.spnMinValue = []; this.cmbMaxType = []; this.spnMaxValue = []; this.cmbVCrossType = []; this.spnVAxisCrosses = []; this.cmbUnits = []; this.chVReverse = []; this.cmbVMajorType = []; this.cmbVMinorType = []; this.cmbVLabelPos = []; this.cmbVertTitle = []; this.cmbVertGrid = []; this.chVertHide = []; this.btnVFormat = []; var addControlsV = function(i) { me.chVertHide[i] = new Common.UI.CheckBox({ el: $('#chart-dlg-chk-vert-hide-' + i), labelText: me.textHideAxis }).on('change', _.bind(function (checkbox, state) { if (me.currentAxisProps[i]) me.currentAxisProps[i].putShow(state !== 'checked'); }, me)); me.cmbVertTitle[i] = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-vert-title-' + i), menuStyle: 'min-width: 140px;', editable: false, cls: 'input-group-nr', data: [ {value: Asc.c_oAscChartVertAxisLabelShowSettings.none, displayValue: me.textNone}, {value: Asc.c_oAscChartVertAxisLabelShowSettings.rotated, displayValue: me.textRotated}, {value: Asc.c_oAscChartVertAxisLabelShowSettings.horizontal, displayValue: me.textHorizontal} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (me.currentAxisProps[i]) me.currentAxisProps[i].putLabel(record.value); }, me)); me.cmbVertGrid[i] = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-vert-grid-' + i), menuStyle: 'min-width: 140px;', editable: false, cls: 'input-group-nr', data: [ {value: Asc.c_oAscGridLinesSettings.none, displayValue: me.textNone}, {value: Asc.c_oAscGridLinesSettings.major, displayValue: me.textMajor}, {value: Asc.c_oAscGridLinesSettings.minor, displayValue: me.textMinor}, {value: Asc.c_oAscGridLinesSettings.majorMinor, displayValue: me.textMajorMinor} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (me.currentAxisProps[i]) me.currentAxisProps[i].putGridlines(record.value); }, me)); me.cmbMinType[i] = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-mintype-' + i), cls: 'input-group-nr', menuStyle: 'min-width: 100px;', editable: false, data: [ {displayValue: me.textAuto, value: Asc.c_oAscValAxisRule.auto}, {displayValue: me.textFixed, value: Asc.c_oAscValAxisRule.fixed} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (me.currentAxisProps[i]) { me.currentAxisProps[i].putMinValRule(record.value); if (record.value == Asc.c_oAscValAxisRule.auto) { me.spnMinValue[i].setValue(me._originalAxisVValues[i].minAuto, true); } } }, me)); me.spnMinValue[i] = new Common.UI.MetricSpinner({ el: $('#chart-dlg-input-min-value-' + i), maxValue: 1000000, minValue: -1000000, step: 0.1, defaultUnit: "", defaultValue: 0, value: '' }).on('change', _.bind(function (field, newValue, oldValue) { me.cmbMinType[i].suspendEvents(); me.cmbMinType[i].setValue(Asc.c_oAscValAxisRule.fixed); me.cmbMinType[i].resumeEvents(); if (me.currentAxisProps[i]) { me.currentAxisProps[i].putMinValRule(Asc.c_oAscValAxisRule.fixed); me.currentAxisProps[i].putMinVal(field.getNumberValue()); } }, me)); me.cmbMaxType[i] = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-maxtype-' + i), cls: 'input-group-nr', menuStyle: 'min-width: 100px;', editable: false, data: [ {displayValue: me.textAuto, value: Asc.c_oAscValAxisRule.auto}, {displayValue: me.textFixed, value: Asc.c_oAscValAxisRule.fixed} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (me.currentAxisProps[i]) { me.currentAxisProps[i].putMaxValRule(record.value); if (record.value == Asc.c_oAscValAxisRule.auto) { me.spnMaxValue[i].setValue(me._originalAxisVValues[i].maxAuto, true); } } }, me)); me.spnMaxValue[i] = new Common.UI.MetricSpinner({ el: $('#chart-dlg-input-max-value-' + i), maxValue: 1000000, minValue: -1000000, step: 0.1, defaultUnit: "", defaultValue: 0, value: '' }).on('change', _.bind(function (field, newValue, oldValue) { me.cmbMaxType[i].suspendEvents(); me.cmbMaxType[i].setValue(Asc.c_oAscValAxisRule.fixed); me.cmbMaxType[i].resumeEvents(); if (me.currentAxisProps[i]) { me.currentAxisProps[i].putMaxValRule(Asc.c_oAscValAxisRule.fixed); me.currentAxisProps[i].putMaxVal(field.getNumberValue()); } }, me)); me.cmbVCrossType[i] = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-v-crosstype-' + i), cls: 'input-group-nr', menuStyle: 'min-width: 100px;', editable: false, data: [ {displayValue: me.textAuto, value: Asc.c_oAscCrossesRule.auto}, {displayValue: me.textValue, value: Asc.c_oAscCrossesRule.value}, {displayValue: me.textMinValue, value: Asc.c_oAscCrossesRule.minValue}, {displayValue: me.textMaxValue, value: Asc.c_oAscCrossesRule.maxValue} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (me.currentAxisProps[i]) { me.currentAxisProps[i].putCrossesRule(record.value); var value; switch (record.value) { case Asc.c_oAscCrossesRule.minValue: me.spnVAxisCrosses[i].setValue(me.spnMinValue.getNumberValue(), true); break; case Asc.c_oAscCrossesRule.maxValue: me.spnVAxisCrosses[i].setValue(me.spnMaxValue.getNumberValue(), true); break; case Asc.c_oAscCrossesRule.auto: me.spnVAxisCrosses[i].setValue(me._originalAxisVValues[i].crossesAuto, true); break; } } }, me)); me.spnVAxisCrosses[i] = new Common.UI.MetricSpinner({ el: $('#chart-dlg-input-v-axis-crosses-' + i), maxValue: 1000000, minValue: -1000000, step: 0.1, defaultUnit: "", defaultValue: 0, value: '' }).on('change', _.bind(function (field, newValue, oldValue) { me.cmbVCrossType[i].suspendEvents(); me.cmbVCrossType[i].setValue(Asc.c_oAscCrossesRule.value); me.cmbVCrossType[i].resumeEvents(); if (me.currentAxisProps[i]) { me.currentAxisProps[i].putCrossesRule(Asc.c_oAscCrossesRule.value); me.currentAxisProps[i].putCrosses(field.getNumberValue()); } }, me)); me.cmbUnits[i] = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-units-' + i), cls: 'input-group-nr', menuStyle: 'min-width: 140px;', editable: false, data: [ {displayValue: me.textNone, value: Asc.c_oAscValAxUnits.none}, {displayValue: me.textHundreds, value: Asc.c_oAscValAxUnits.HUNDREDS}, {displayValue: me.textThousands, value: Asc.c_oAscValAxUnits.THOUSANDS}, {displayValue: me.textTenThousands, value: Asc.c_oAscValAxUnits.TEN_THOUSANDS}, {displayValue: me.textHundredThousands, value: Asc.c_oAscValAxUnits.HUNDRED_THOUSANDS}, {displayValue: me.textMillions, value: Asc.c_oAscValAxUnits.MILLIONS}, {displayValue: me.textTenMillions, value: Asc.c_oAscValAxUnits.TEN_MILLIONS}, {displayValue: me.textHundredMil, value: Asc.c_oAscValAxUnits.HUNDRED_MILLIONS}, {displayValue: me.textBillions, value: Asc.c_oAscValAxUnits.BILLIONS}, {displayValue: me.textTrillions, value: Asc.c_oAscValAxUnits.TRILLIONS} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (me.currentAxisProps[i]) { me.currentAxisProps[i].putDispUnitsRule(record.value); } }, me)); me.chVReverse[i] = new Common.UI.CheckBox({ el: $('#chart-dlg-check-v-reverse-' + i), labelText: me.textReverse }).on('change', _.bind(function (checkbox, state) { if (me.currentAxisProps[i]) { me.currentAxisProps[i].putInvertValOrder(state == 'checked'); } }, me)); me.cmbVMajorType[i] = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-v-major-type-' + i), cls: 'input-group-nr', menuStyle: 'min-width: 140px;', editable: false, data: [ {displayValue: me.textNone, value: Asc.c_oAscTickMark.TICK_MARK_NONE}, {displayValue: me.textCross, value: Asc.c_oAscTickMark.TICK_MARK_CROSS}, {displayValue: me.textIn, value: Asc.c_oAscTickMark.TICK_MARK_IN}, {displayValue: me.textOut, value: Asc.c_oAscTickMark.TICK_MARK_OUT} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (me.currentAxisProps[i]) { me.currentAxisProps[i].putMajorTickMark(record.value); } }, me)); me.cmbVMinorType[i] = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-v-minor-type-' + i), cls: 'input-group-nr', menuStyle: 'min-width: 140px;', editable: false, data: [ {displayValue: me.textNone, value: Asc.c_oAscTickMark.TICK_MARK_NONE}, {displayValue: me.textCross, value: Asc.c_oAscTickMark.TICK_MARK_CROSS}, {displayValue: me.textIn, value: Asc.c_oAscTickMark.TICK_MARK_IN}, {displayValue: me.textOut, value: Asc.c_oAscTickMark.TICK_MARK_OUT} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (me.currentAxisProps[i]) { me.currentAxisProps[i].putMinorTickMark(record.value); } }, me)); me.cmbVLabelPos[i] = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-v-label-pos-' + i), cls: 'input-group-nr', menuStyle: 'min-width: 100%;', editable: false, data: [ {displayValue: me.textNone, value: Asc.c_oAscTickLabelsPos.TICK_LABEL_POSITION_NONE}, {displayValue: me.textLow, value: Asc.c_oAscTickLabelsPos.TICK_LABEL_POSITION_LOW}, {displayValue: me.textHigh, value: Asc.c_oAscTickLabelsPos.TICK_LABEL_POSITION_HIGH}, {displayValue: me.textNextToAxis, value: Asc.c_oAscTickLabelsPos.TICK_LABEL_POSITION_NEXT_TO} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (me.currentAxisProps[i]) { me.currentAxisProps[i].putTickLabelsPos(record.value); } }, me)); me.btnVFormat[i] = new Common.UI.Button({ el: $('#chart-dlg-btn-v-format-' + i) }).on('click', _.bind(me.openFormat, me, i)); }; addControlsV(0); addControlsV(1); // Horizontal Axis this.cmbHCrossType = []; this.cmbAxisPos = []; this.spnHAxisCrosses = []; this.chHReverse = []; this.cmbHMajorType = []; this.cmbHMinorType = []; this.spnMarksInterval = []; this.cmbHLabelPos = []; this.spnLabelDist = []; this.cmbLabelInterval = []; this.spnLabelInterval = []; this.cmbHorTitle = []; this.cmbHorGrid = []; this.chHorHide = []; this.btnHFormat = []; var addControlsH = function(i) { me.chHorHide[i] = new Common.UI.CheckBox({ el: $('#chart-dlg-chk-hor-hide-' + i), labelText: me.textHideAxis }).on('change', _.bind(function (checkbox, state) { if (me.currentAxisProps[i]) me.currentAxisProps[i].putShow(state !== 'checked'); }, me)); me.cmbHorTitle[i] = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-hor-title-' + i), menuStyle: 'min-width: 140px;', editable: false, cls: 'input-group-nr', data: [ {value: Asc.c_oAscChartHorAxisLabelShowSettings.none, displayValue: me.textNone}, {value: Asc.c_oAscChartHorAxisLabelShowSettings.noOverlay, displayValue: me.textNoOverlay} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (me.currentAxisProps[i]) me.currentAxisProps[i].putLabel(record.value); }, me)); me.cmbHorGrid[i] = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-hor-grid-' + i), menuStyle: 'min-width: 140px;', editable: false, cls: 'input-group-nr', data: [ {value: Asc.c_oAscGridLinesSettings.none, displayValue: me.textNone}, {value: Asc.c_oAscGridLinesSettings.major, displayValue: me.textMajor}, {value: Asc.c_oAscGridLinesSettings.minor, displayValue: me.textMinor}, {value: Asc.c_oAscGridLinesSettings.majorMinor, displayValue: me.textMajorMinor} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (me.currentAxisProps[i]) me.currentAxisProps[i].putGridlines(record.value); }, me)); me.cmbHCrossType[i] = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-h-crosstype-' + i), cls: 'input-group-nr', menuStyle: 'min-width: 100px;', editable: false, data: [ {displayValue: me.textAuto, value: Asc.c_oAscCrossesRule.auto}, {displayValue: me.textValue, value: Asc.c_oAscCrossesRule.value}, {displayValue: me.textMinValue, value: Asc.c_oAscCrossesRule.minValue}, {displayValue: me.textMaxValue, value: Asc.c_oAscCrossesRule.maxValue} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (me.currentAxisProps[i]) { me.currentAxisProps[i].putCrossesRule(record.value); if (record.value == Asc.c_oAscCrossesRule.auto) { me.spnHAxisCrosses[i].setValue(me._originalAxisHValues[i].crossesAuto, true); } else if (record.value == Asc.c_oAscCrossesRule.minValue) { me.spnHAxisCrosses[i].setValue(me._originalAxisHValues[i].minAuto, true); } else if (record.value == Asc.c_oAscCrossesRule.maxValue) { me.spnHAxisCrosses[i].setValue(me._originalAxisHValues[i].maxAuto, true); } } }, me)); me.spnHAxisCrosses[i] = new Common.UI.MetricSpinner({ el: $('#chart-dlg-input-h-axis-crosses-' + i), maxValue: 1000000, minValue: -1000000, step: 0.1, defaultUnit: "", defaultValue: 0, value: '' }).on('change', _.bind(function (field, newValue, oldValue) { me.cmbHCrossType[i].suspendEvents(); me.cmbHCrossType[i].setValue(Asc.c_oAscCrossesRule.value); me.cmbHCrossType[i].resumeEvents(); if (me.currentAxisProps[i]) { me.currentAxisProps[i].putCrossesRule(Asc.c_oAscCrossesRule.value); me.currentAxisProps[i].putCrosses(field.getNumberValue()); } }, me)); me.cmbAxisPos[i] = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-axis-pos-' + i), cls: 'input-group-nr', menuStyle: 'min-width: 140px;', editable: false, data: [ {displayValue: me.textOnTickMarks, value: Asc.c_oAscLabelsPosition.byDivisions}, {displayValue: me.textBetweenTickMarks, value: Asc.c_oAscLabelsPosition.betweenDivisions} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (me.currentAxisProps[i]) { me.currentAxisProps[i].putLabelsPosition(record.value); } }, me)); me.chHReverse[i] = new Common.UI.CheckBox({ el: $('#chart-dlg-check-h-reverse-' + i), labelText: me.textReverse }).on('change', _.bind(function (checkbox, state) { if (me.currentAxisProps[i]) { me.currentAxisProps[i].putInvertCatOrder(state == 'checked'); } }, me)); me.cmbHMajorType[i] = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-h-major-type-' + i), cls: 'input-group-nr', menuStyle: 'min-width: 140px;', editable: false, data: [ {displayValue: me.textNone, value: Asc.c_oAscTickMark.TICK_MARK_NONE}, {displayValue: me.textCross, value: Asc.c_oAscTickMark.TICK_MARK_CROSS}, {displayValue: me.textIn, value: Asc.c_oAscTickMark.TICK_MARK_IN}, {displayValue: me.textOut, value: Asc.c_oAscTickMark.TICK_MARK_OUT} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (me.currentAxisProps[i]) { me.currentAxisProps[i].putMajorTickMark(record.value); } }, me)); me.cmbHMinorType[i] = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-h-minor-type-' + i), cls: 'input-group-nr', menuStyle: 'min-width: 140px;', editable: false, data: [ {displayValue: me.textNone, value: Asc.c_oAscTickMark.TICK_MARK_NONE}, {displayValue: me.textCross, value: Asc.c_oAscTickMark.TICK_MARK_CROSS}, {displayValue: me.textIn, value: Asc.c_oAscTickMark.TICK_MARK_IN}, {displayValue: me.textOut, value: Asc.c_oAscTickMark.TICK_MARK_OUT} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (me.currentAxisProps[i]) { me.currentAxisProps[i].putMinorTickMark(record.value); } }, me)); me.spnMarksInterval[i] = new Common.UI.MetricSpinner({ el: $('#chart-dlg-input-marks-interval-' + i), width: 140, maxValue: 1000000, minValue: 1, step: 1, defaultUnit: "", value: '' }).on('change', _.bind(function (field, newValue, oldValue) { if (me.currentAxisProps[i]) { me.currentAxisProps[i].putIntervalBetweenTick(field.getNumberValue()); } }, me)); me.cmbHLabelPos[i] = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-h-label-pos-' + i), cls: 'input-group-nr', menuStyle: 'min-width: 140px;', editable: false, data: [ {displayValue: me.textNone, value: Asc.c_oAscTickLabelsPos.TICK_LABEL_POSITION_NONE}, {displayValue: me.textLow, value: Asc.c_oAscTickLabelsPos.TICK_LABEL_POSITION_LOW}, {displayValue: me.textHigh, value: Asc.c_oAscTickLabelsPos.TICK_LABEL_POSITION_HIGH}, {displayValue: me.textNextToAxis, value: Asc.c_oAscTickLabelsPos.TICK_LABEL_POSITION_NEXT_TO} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (me.currentAxisProps[i]) { me.currentAxisProps[i].putTickLabelsPos(record.value); } }, me)); me.spnLabelDist[i] = new Common.UI.MetricSpinner({ el: $('#chart-dlg-input-label-dist-' + i), width: 140, maxValue: 1000, minValue: 0, step: 1, defaultUnit: "", value: '' }).on('change', _.bind(function (field, newValue, oldValue) { if (me.currentAxisProps[i]) { me.currentAxisProps[i].putLabelsAxisDistance(field.getNumberValue()); } }, me)); me.spnLabelInterval[i] = new Common.UI.MetricSpinner({ el: $('#chart-dlg-input-label-int-' + i), width: 60, maxValue: 1000000, minValue: 1, step: 1, defaultUnit: "", value: '' }).on('change', _.bind(function (field, newValue, oldValue) { me.cmbLabelInterval[i].suspendEvents(); me.cmbLabelInterval[i].setValue(Asc.c_oAscBetweenLabelsRule.manual); me.cmbLabelInterval[i].resumeEvents(); if (me.currentAxisProps[i]) { me.currentAxisProps[i].putIntervalBetweenLabelsRule(Asc.c_oAscBetweenLabelsRule.manual); me.currentAxisProps[i].putIntervalBetweenLabels(field.getNumberValue()); } }, me)); me.cmbLabelInterval[i] = new Common.UI.ComboBox({ el: $('#chart-dlg-combo-label-int-' + i), cls: 'input-group-nr', menuStyle: 'min-width: 100px;', editable: false, data: [ {displayValue: me.textAuto, value: Asc.c_oAscBetweenLabelsRule.auto}, {displayValue: me.textManual, value: Asc.c_oAscBetweenLabelsRule.manual} ], takeFocusOnClose: true }).on('selected', _.bind(function (combo, record) { if (me.currentAxisProps[i]) { me.currentAxisProps[i].putIntervalBetweenLabelsRule(record.value); if (record.value == Asc.c_oAscBetweenLabelsRule.auto) me.spnLabelInterval[i].setValue(1, true); } }, me)); me.btnHFormat[i] = new Common.UI.Button({ el: $('#chart-dlg-btn-h-format-' + i) }).on('click', _.bind(me.openFormat, me, i)); }; addControlsH(0); addControlsH(1); // Sparklines this.btnSparkType = new Common.UI.Button({ cls : 'btn-large-dataview', iconCls : 'svgicon chart-spark-column', menu : new Common.UI.Menu({ style: 'width: 167px;', additionalAlign: this.menuAddAlign, items: [ { template: _.template('') } ] }) }); this.btnSparkType.on('render:after', function(btn) { me.mnuSparkTypePicker = new Common.UI.DataView({ el: $('#id-spark-dlg-menu-type'), parentMenu: btn.menu, restoreHeight: 120, groups: new Common.UI.DataViewGroupStore(Common.define.chartData.getSparkGroupData()), store: new Common.UI.DataViewStore(Common.define.chartData.getSparkData()), itemTemplate: _.template('
\">
') }); }); this.btnSparkType.render($('#spark-dlg-button-type')); this.mnuSparkTypePicker.on('item:click', _.bind(this.onSelectSparkType, this, this.btnSparkType)); this.cmbSparkStyle = new Common.UI.ComboDataView({ itemWidth: 50, itemHeight: 50, menuMaxHeight: 272, enableKeyEvents: true, cls: 'combo-spark-style', minWidth: 190 }); this.cmbSparkStyle.render($('#spark-dlg-combo-style')); this.cmbSparkStyle.openButton.menu.cmpEl.css({ 'min-width': 178, 'max-width': 178 }); this.cmbSparkStyle.on('click', _.bind(this.onSelectSparkStyle, this)); this.cmbSparkStyle.openButton.menu.on('show:after', function () { me.cmbSparkStyle.menuPicker.scroller.update({alwaysVisibleY: true}); }); /* this.radioGroup = new Common.UI.RadioBox({ el: $('#spark-dlg-radio-group'), labelText: this.textGroup, name: 'asc-radio-sparkline', checked: true }); this.radioSingle = new Common.UI.RadioBox({ el: $('#spark-dlg-radio-single'), labelText: this.textSingle, name: 'asc-radio-sparkline' }); this.txtSparkDataRange = new Common.UI.InputFieldBtn({ el : $('#spark-dlg-txt-range'), name : 'range', style : 'width: 100%;', btnHint : this.textSelectData, allowBlank : true, blankError : this.txtEmpty, validateOnChange: true }); this.txtSparkDataRange.on('button:click', _.bind(this.onSelectSparkData, this)); this.txtSparkDataLocation = new Common.UI.InputFieldBtn({ el : $('#spark-dlg-txt-location'), name : 'range', style : 'width: 100%;', btnHint : this.textSelectData, allowBlank : true, blankError : this.txtEmpty, validateOnChange: true }); this.txtSparkDataLocation.on('button:click', _.bind(this.onSelectLocationData, this)); */ this._arrEmptyCells = [ { value: Asc.c_oAscEDispBlanksAs.Gap, displayValue: this.textGaps }, { value: Asc.c_oAscEDispBlanksAs.Zero, displayValue: this.textZero }, { value: Asc.c_oAscEDispBlanksAs.Span, displayValue: this.textEmptyLine } ]; this.cmbEmptyCells = new Common.UI.ComboBox({ el : $('#spark-dlg-combo-empty'), menuStyle : 'min-width: 220px;', editable : false, cls : 'input-group-nr', takeFocusOnClose: true }); this.cmbEmptyCells.on('selected', _.bind(function(combo, record){ if (this._changedProps) { this._changedProps.asc_setDisplayEmpty(record.value); } }, this)); this.chShowEmpty = new Common.UI.CheckBox({ el: $('#spark-dlg-check-show-data'), labelText: this.textShowData }); this.chShowEmpty.on('change', _.bind(function(field, newValue, oldValue, eOpts){ if (this._changedProps) { this._changedProps.asc_setDisplayHidden(field.getValue()=='checked'); } }, this)); // Sparkline axis this.chShowAxis = new Common.UI.CheckBox({ el: $('#spark-dlg-check-show'), labelText: this.textShowSparkAxis }); this.chShowAxis.on('change', _.bind(function(field, newValue, oldValue, eOpts){ if (this._changedProps) { this._changedProps.asc_setDisplayXAxis(field.getValue()=='checked'); } }, this)); this.chReverse = new Common.UI.CheckBox({ el: $('#spark-dlg-check-reverse'), labelText: this.textReverseOrder }); this.chReverse.on('change', _.bind(function(field, newValue, oldValue, eOpts){ if (this._changedProps) { this._changedProps.asc_setRightToLeft(field.getValue()=='checked'); } }, this)); this.cmbSparkMinType = new Common.UI.ComboBox({ el : $('#spark-dlg-combo-mintype'), cls : 'input-group-nr', menuStyle : 'min-width: 100px;', editable : false, data : [ {displayValue: this.textAutoEach, value: Asc.c_oAscSparklineAxisMinMax.Individual}, {displayValue: this.textSameAll, value: Asc.c_oAscSparklineAxisMinMax.Group}, {displayValue: this.textFixed, value: Asc.c_oAscSparklineAxisMinMax.Custom} ], takeFocusOnClose: true }).on('selected', _.bind(function(combo, record) { this.spnSparkMinValue.setDisabled(record.value!==Asc.c_oAscSparklineAxisMinMax.Custom); if (this._changedProps) { this._changedProps.asc_setMinAxisType(record.value); } if (record.value==Asc.c_oAscSparklineAxisMinMax.Custom && _.isEmpty(this.spnSparkMinValue.getValue())) this.spnSparkMinValue.setValue(0); }, this)); this.spnSparkMinValue = new Common.UI.MetricSpinner({ el : $('#spark-dlg-input-min-value'), maxValue : 1000000, minValue : -1000000, step : 0.1, defaultUnit : "", defaultValue : 0, value : '' }).on('change', _.bind(function(field, newValue, oldValue) { if (this._changedProps) { this._changedProps.asc_setManualMin(field.getNumberValue()); } }, this)); this.cmbSparkMaxType = new Common.UI.ComboBox({ el : $('#spark-dlg-combo-maxtype'), cls : 'input-group-nr', menuStyle : 'min-width: 100px;', editable : false, data : [ {displayValue: this.textAutoEach, value: Asc.c_oAscSparklineAxisMinMax.Individual}, {displayValue: this.textSameAll, value: Asc.c_oAscSparklineAxisMinMax.Group}, {displayValue: this.textFixed, value: Asc.c_oAscSparklineAxisMinMax.Custom} ], takeFocusOnClose: true }).on('selected', _.bind(function(combo, record) { this.spnSparkMaxValue.setDisabled(record.value!==Asc.c_oAscSparklineAxisMinMax.Custom); if (this._changedProps) { this._changedProps.asc_setMaxAxisType(record.value); } if (record.value==Asc.c_oAscSparklineAxisMinMax.Custom && _.isEmpty(this.spnSparkMaxValue.getValue())) this.spnSparkMaxValue.setValue(0); }, this)); this.spnSparkMaxValue = new Common.UI.MetricSpinner({ el : $('#spark-dlg-input-max-value'), maxValue : 1000000, minValue : -1000000, step : 0.1, defaultUnit : "", defaultValue : 0, value : '' }).on('change', _.bind(function(field, newValue, oldValue) { if (this._changedProps) { this._changedProps.asc_setManualMax(field.getNumberValue()); } }, this)); // Snapping this.radioTwoCell = new Common.UI.RadioBox({ el: $('#chart-dlg-radio-twocell'), name: 'asc-radio-snap', labelText: this.textTwoCell, value: AscCommon.c_oAscCellAnchorType.cellanchorTwoCell }); this.radioTwoCell.on('change', _.bind(this.onRadioSnapChange, this)); this.radioOneCell = new Common.UI.RadioBox({ el: $('#chart-dlg-radio-onecell'), name: 'asc-radio-snap', labelText: this.textOneCell, value: AscCommon.c_oAscCellAnchorType.cellanchorOneCell }); this.radioOneCell.on('change', _.bind(this.onRadioSnapChange, this)); this.radioAbsolute = new Common.UI.RadioBox({ el: $('#chart-dlg-radio-absolute'), name: 'asc-radio-snap', labelText: this.textAbsolute, value: AscCommon.c_oAscCellAnchorType.cellanchorAbsolute }); this.radioAbsolute.on('change', _.bind(this.onRadioSnapChange, this)); // Alt Text this.inputAltTitle = new Common.UI.InputField({ el : $('#chart-advanced-alt-title'), allowBlank : true, validateOnBlur: false, style : 'width: 100%;' }).on('changed:after', function() { me.isAltTitleChanged = true; }); this.textareaAltDescription = this.$window.find('textarea'); this.textareaAltDescription.keydown(function (event) { if (event.keyCode == Common.UI.Keys.RETURN) { event.stopPropagation(); } me.isAltDescChanged = true; }); this.afterRender(); }, getFocusedComponents: function() { return [ this.cmbChartTitle, this.cmbLegendPos, this.cmbDataLabels, this.txtSeparator, // 1 tab this.cmbVertTitle[0], this.cmbVertGrid[0], this.cmbMinType[0], this.spnMinValue[0], this.cmbMaxType[0], this.spnMaxValue[0], this.cmbVCrossType[0], this.spnVAxisCrosses[0], this.cmbUnits[0] , this.cmbVMajorType[0], this.cmbVMinorType[0], this.cmbVLabelPos[0], // 2 tab this.cmbVertTitle[1], this.cmbVertGrid[1], this.cmbMinType[1] , this.spnMinValue[1], this.cmbMaxType[1], this.spnMaxValue[1], this.cmbVCrossType[1], this.spnVAxisCrosses[1], this.cmbUnits[1] , this.cmbVMajorType[1], this.cmbVMinorType[1], this.cmbVLabelPos[1], // 3 tab this.cmbHorTitle[0], this.cmbHorGrid[0], this.cmbHCrossType[0] , this.spnHAxisCrosses[0], this.cmbAxisPos[0], this.cmbHMajorType[0], this.cmbHMinorType[0], this.spnMarksInterval[0], this.cmbHLabelPos[0] , this.spnLabelDist[0], this.cmbLabelInterval[0], this.spnLabelInterval[0], // 4 tab this.cmbHorTitle[1], this.cmbHorGrid[1], this.cmbHCrossType[1] , this.spnHAxisCrosses[1], this.cmbAxisPos[1], this.cmbHMajorType[1], this.cmbHMinorType[1], this.spnMarksInterval[1], this.cmbHLabelPos[1] , this.spnLabelDist[1], this.cmbLabelInterval[1], this.spnLabelInterval[1], // 5 tab this.inputAltTitle, this.textareaAltDescription // 7 tab ]; }, onCategoryClick: function(btn, index) { Common.Views.AdvancedSettingsWindow.prototype.onCategoryClick.call(this, btn, index); var me = this; setTimeout(function(){ switch (index) { case 1: me.cmbChartTitle.focus(); break; case 2: case 3: me.onVCategoryClick(index-2); me.cmbMinType[index-2].focus(); break; case 4: case 5: me.onHCategoryClick(index-4); me.cmbHCrossType[index-4].focus(); break; case 9: me.inputAltTitle.focus(); break; } }, 10); }, afterRender: function() { this._setDefaults(this.chartSettings); this.setTitle((this.isChart) ? this.textTitle : this.textTitleSparkline); this.btnsCategory[0].setVisible(this.isDiagramMode); // hide type for charts if (this.isChart) { this.btnsCategory[6].setVisible(false); this.btnsCategory[7].setVisible(false); } else { this.btnsCategory[1].setVisible(false); this.btnsCategory[2].setVisible(false); this.btnsCategory[3].setVisible(false); this.btnsCategory[4].setVisible(false); this.btnsCategory[5].setVisible(false); this.btnsCategory[8].setVisible(false); this.btnsCategory[9].setVisible(false); } if (this.storageName) { var value = Common.localStorage.getItem(this.storageName); this.setActiveCategory((value!==null) ? parseInt(value) : 0); value = this.getActiveCategory(); if (value==2 || value==3) this.onVCategoryClick(value-2); else if (value==4 || value==5) this.onHCategoryClick(value-4); } }, onSelectType: function(btn, picker, itemView, record) { if (this._noApply) return; var rawData = {}, isPickerSelect = _.isFunction(record.toJSON); if (isPickerSelect){ if (record.get('selected')) { rawData = record.toJSON(); } else { // record deselected return; } } else { rawData = record; } this.btnChartType.setIconCls('svgicon ' + 'chart-' + rawData.iconCls); this.chartSettings.changeType(rawData.type); this.updateAxisProps(rawData.type, true); this.vertAxisProps = this.chartSettings.getVertAxesProps(); this.horAxisProps = this.chartSettings.getHorAxesProps(); this.updateDataLabels(rawData.type, this.cmbDataLabels.getValue()); this.currentChartType = rawData.type; }, updateAxisProps: function(type, isDefault) { var value = (type == Asc.c_oAscChartTypeSettings.lineNormal || type == Asc.c_oAscChartTypeSettings.lineStacked || type == Asc.c_oAscChartTypeSettings.lineStackedPer || type == Asc.c_oAscChartTypeSettings.lineNormalMarker || type == Asc.c_oAscChartTypeSettings.lineStackedMarker || type == Asc.c_oAscChartTypeSettings.lineStackedPerMarker || type == Asc.c_oAscChartTypeSettings.scatter || type == Asc.c_oAscChartTypeSettings.scatterSmoothMarker || type == Asc.c_oAscChartTypeSettings.scatterSmooth || type == Asc.c_oAscChartTypeSettings.scatterLineMarker || type == Asc.c_oAscChartTypeSettings.scatterLine); this.chMarkers.setVisible(value); this.cmbLines.setVisible(value); this.lblLines.toggleClass('hidden', !value); if (value) { this.chMarkers.setValue(this.chartSettings.getShowMarker(), true); this.cmbLines.setValue(this.chartSettings.getLine() ? (this.chartSettings.getSmooth() ? 2 : 1) : 0); } value = (type == Asc.c_oAscChartTypeSettings.pie || type == Asc.c_oAscChartTypeSettings.doughnut || type == Asc.c_oAscChartTypeSettings.pie3d); this.btnsCategory[2].setDisabled(value); this.btnsCategory[3].setDisabled(value); this.btnsCategory[4].setDisabled(value); this.btnsCategory[5].setDisabled(value); this.btnsCategory[2].setVisible(this.vertAxisProps.length>0); this.btnsCategory[3].setVisible(this.vertAxisProps.length>1); this.btnsCategory[4].setVisible(this.horAxisProps.length>0); this.btnsCategory[5].setVisible(this.horAxisProps.length>1); value = (type == Asc.c_oAscChartTypeSettings.barNormal3d || type == Asc.c_oAscChartTypeSettings.barStacked3d || type == Asc.c_oAscChartTypeSettings.barStackedPer3d || type == Asc.c_oAscChartTypeSettings.hBarNormal3d || type == Asc.c_oAscChartTypeSettings.hBarStacked3d || type == Asc.c_oAscChartTypeSettings.hBarStackedPer3d || type == Asc.c_oAscChartTypeSettings.barNormal3dPerspective); this.cmbAxisPos[0].setDisabled(value); this.cmbAxisPos[1].setDisabled(value); value = (type == Asc.c_oAscChartTypeSettings.hBarNormal || type == Asc.c_oAscChartTypeSettings.hBarStacked || type == Asc.c_oAscChartTypeSettings.hBarStackedPer || type == Asc.c_oAscChartTypeSettings.hBarNormal3d || type == Asc.c_oAscChartTypeSettings.hBarStacked3d || type == Asc.c_oAscChartTypeSettings.hBarStackedPer3d); this.btnsCategory[2].options.contentTarget = (value) ? 'id-chart-settings-dlg-hor' : 'id-chart-settings-dlg-vert'; this.btnsCategory[4].options.contentTarget = (value || type == Asc.c_oAscChartTypeSettings.scatter || type == Asc.c_oAscChartTypeSettings.scatterSmoothMarker || type == Asc.c_oAscChartTypeSettings.scatterSmooth || type == Asc.c_oAscChartTypeSettings.scatterLineMarker || type == Asc.c_oAscChartTypeSettings.scatterLine) ? 'id-chart-settings-dlg-vert' : 'id-chart-settings-dlg-hor'; }, updateDataLabels: function(chartType, labelPos) { if (chartType !== this.currentChartType) { var data = [{ value: Asc.c_oAscChartDataLabelsPos.none, displayValue: this.textNone }, { value: Asc.c_oAscChartDataLabelsPos.ctr, displayValue: this.textCenter }]; if (chartType == Asc.c_oAscChartTypeSettings.barNormal || chartType == Asc.c_oAscChartTypeSettings.hBarNormal) data.push({ value: Asc.c_oAscChartDataLabelsPos.inBase, displayValue: this.textInnerBottom }, { value: Asc.c_oAscChartDataLabelsPos.inEnd, displayValue: this.textInnerTop }, { value: Asc.c_oAscChartDataLabelsPos.outEnd, displayValue: this.textOuterTop }); else if ( chartType == Asc.c_oAscChartTypeSettings.barStacked || chartType == Asc.c_oAscChartTypeSettings.barStackedPer || chartType == Asc.c_oAscChartTypeSettings.hBarStacked || chartType == Asc.c_oAscChartTypeSettings.hBarStackedPer ) data.push({ value: Asc.c_oAscChartDataLabelsPos.inBase, displayValue: this.textInnerBottom }, { value: Asc.c_oAscChartDataLabelsPos.inEnd, displayValue: this.textInnerTop }); else if (chartType == Asc.c_oAscChartTypeSettings.lineNormal || chartType == Asc.c_oAscChartTypeSettings.lineStacked || chartType == Asc.c_oAscChartTypeSettings.lineStackedPer || chartType == Asc.c_oAscChartTypeSettings.lineNormalMarker || chartType == Asc.c_oAscChartTypeSettings.lineStackedMarker || chartType == Asc.c_oAscChartTypeSettings.lineStackedPerMarker || chartType == Asc.c_oAscChartTypeSettings.stock || chartType == Asc.c_oAscChartTypeSettings.scatter || chartType == Asc.c_oAscChartTypeSettings.scatterSmoothMarker || chartType == Asc.c_oAscChartTypeSettings.scatterSmooth || chartType == Asc.c_oAscChartTypeSettings.scatterLineMarker || chartType == Asc.c_oAscChartTypeSettings.scatterLine) data.push({ value: Asc.c_oAscChartDataLabelsPos.l, displayValue: this.textLeft }, { value: Asc.c_oAscChartDataLabelsPos.r, displayValue: this.textRight }, { value: Asc.c_oAscChartDataLabelsPos.t, displayValue: this.textTop }, { value: Asc.c_oAscChartDataLabelsPos.b, displayValue: this.textBottom }); else if (chartType == Asc.c_oAscChartTypeSettings.pie || chartType == Asc.c_oAscChartTypeSettings.pie3d) data.push({ value: Asc.c_oAscChartDataLabelsPos.bestFit, displayValue: this.textFit }, { value: Asc.c_oAscChartDataLabelsPos.inEnd, displayValue: this.textInnerTop }, { value: Asc.c_oAscChartDataLabelsPos.outEnd, displayValue: this.textOuterTop }); this.cmbDataLabels.setData(data); } if (labelPos!==undefined) { var rec = this.cmbDataLabels.store.findWhere({value: labelPos}); if (!rec) labelPos = Asc.c_oAscChartDataLabelsPos.ctr; } else labelPos = Asc.c_oAscChartDataLabelsPos.none; this.cmbDataLabels.setValue(labelPos); this.onSelectDataLabels(this.cmbDataLabels, {value:labelPos}); }, onVCategoryClick: function(index) { (this.vertAxisProps[index].getAxisType()==Asc.c_oAscAxisType.val) ? this.fillVProps(this.vertAxisProps[index], index) : this.fillHProps(this.vertAxisProps[index], index); }, onHCategoryClick: function(index) { (this.horAxisProps[index].getAxisType()==Asc.c_oAscAxisType.val) ? this.fillVProps(this.horAxisProps[index], index) : this.fillHProps(this.horAxisProps[index], index); }, fillVProps: function(props, index) { if (props.getAxisType() !== Asc.c_oAscAxisType.val) return; if (this._originalAxisVValues==undefined) this._originalAxisVValues = []; if (this._originalAxisVValues[index]==undefined) { this._originalAxisVValues[index] = { minAuto: (props.getMinVal()==null) ? 0 : props.getMinVal(), maxAuto: (props.getMaxVal()==null) ? 10 : props.getMaxVal(), crossesAuto: (props.getCrosses()==null) ? 0 : props.getCrosses() }; } this.chVertHide[index].setValue(!props.getShow()); this.cmbVertGrid[index].setValue(props.getGridlines()); this.cmbVertTitle[index].setValue(props.getLabel()); this.cmbMinType[index].setValue(props.getMinValRule()); var value = (props.getMinValRule()==Asc.c_oAscValAxisRule.auto) ? this._originalAxisVValues[index].minAuto : props.getMinVal(); this.spnMinValue[index].setValue((value==null) ? '' : value, true); this.cmbMaxType[index].setValue(props.getMaxValRule()); value = (props.getMaxValRule()==Asc.c_oAscValAxisRule.auto) ? this._originalAxisVValues[index].maxAuto : props.getMaxVal(); this.spnMaxValue[index].setValue((value==null) ? '' : value, true); value = props.getCrossesRule(); this.cmbVCrossType[index].setValue(value); switch (value) { case Asc.c_oAscCrossesRule.minValue: value = this.spnMinValue[index].getNumberValue(); break; case Asc.c_oAscCrossesRule.maxValue: value = this.spnMaxValue[index].getNumberValue(); break; case Asc.c_oAscCrossesRule.auto: value = this._originalAxisVValues[index].crossesAuto; break; default: value = props.getCrosses(); break; } this.spnVAxisCrosses[index].setValue((value==null) ? '' : value, true); this.cmbUnits[index].setValue(props.getDispUnitsRule()); this.chVReverse[index].setValue(props.getInvertValOrder(), true); this.cmbVMajorType[index].setValue(props.getMajorTickMark()); this.cmbVMinorType[index].setValue(props.getMinorTickMark()); this.cmbVLabelPos[index].setValue(props.getTickLabelsPos()); this.currentAxisProps[index] = props; }, fillHProps: function(props, index) { if (props.getAxisType() !== Asc.c_oAscAxisType.cat) return; if (this._originalAxisHValues==undefined) this._originalAxisHValues = []; if (this._originalAxisHValues[index]==undefined) { this._originalAxisHValues[index] = { minAuto: (props.getCrossMinVal()==null) ? 0 : props.getCrossMinVal(), maxAuto: (props.getCrossMaxVal()==null) ? 10 : props.getCrossMaxVal(), crossesAuto: (props.getCrosses()==null) ? 0 : props.getCrosses() }; } this.chHorHide[index].setValue(!props.getShow()); this.cmbHorGrid[index].setValue(props.getGridlines()); this.cmbHorTitle[index].setValue(props.getLabel()); var value = props.getCrossesRule(); this.cmbHCrossType[index].setValue(value); switch (value) { case Asc.c_oAscCrossesRule.minValue: value = this._originalAxisHValues[index].minAuto; break; case Asc.c_oAscCrossesRule.maxValue: value = this._originalAxisHValues[index].maxAuto; break; case Asc.c_oAscCrossesRule.auto: value = this._originalAxisHValues[index].crossesAuto; break; default: value = props.getCrosses(); break; } this.spnHAxisCrosses[index].setValue((value==null) ? '' : value, true); this.cmbAxisPos[index].setValue(props.getLabelsPosition()); this.chHReverse[index].setValue(props.getInvertCatOrder(), true); this.cmbHMajorType[index].setValue(props.getMajorTickMark()); this.cmbHMinorType[index].setValue(props.getMinorTickMark()); this.spnMarksInterval[index].setValue(props.getIntervalBetweenTick(), true); this.cmbHLabelPos[index].setValue(props.getTickLabelsPos()); this.spnLabelDist[index].setValue(props.getLabelsAxisDistance(), true); value = props.getIntervalBetweenLabelsRule(); this.cmbLabelInterval[index].setValue(value); this.spnLabelInterval[index].setValue((value===Asc.c_oAscBetweenLabelsRule.manual) ? props.getIntervalBetweenLabels(): 1, true); this.currentAxisProps[index] = props; }, updateSparkStyles: function(styles) { if (styles && styles.length>1){ var picker = this.cmbSparkStyle.menuPicker, stylesStore = picker.store; if (stylesStore.length == styles.length-1) { var data = stylesStore.models; for (var i=0; i-1); } } }, onSelectSparkType: function(btn, picker, itemView, record) { if (this._noApply) return; var rawData = {}, isPickerSelect = _.isFunction(record.toJSON); if (isPickerSelect){ if (record.get('selected')) { rawData = record.toJSON(); } else { // record deselected return; } } else { rawData = record; } this.btnSparkType.setIconCls('svgicon ' + 'chart-' + rawData.iconCls); if (this._changedProps) { this._changedProps.asc_setType(rawData.type); } this._state.SparkType = rawData.type; var changed = false, value = this.cmbEmptyCells.getValue(); if (rawData.type !== Asc.c_oAscSparklineType.Line && this._arrEmptyCells.length>2) { this._arrEmptyCells.pop(); changed = true; } else if (rawData.type == Asc.c_oAscSparklineType.Line && this._arrEmptyCells.length<3) { this._arrEmptyCells.push({ value: Asc.c_oAscEDispBlanksAs.Span, displayValue: this.textEmptyLine }); changed = true; } if (changed) { this.cmbEmptyCells.setData(this._arrEmptyCells); this.cmbEmptyCells.setValue((rawData.type !== Asc.c_oAscSparklineType.Line && value==Asc.c_oAscEDispBlanksAs.Span) ? this.textEmptyLine : value); } this.updateSparkStyles(this.chartSettings.asc_getStyles(rawData.type)); }, onSelectSparkStyle: function(combo, record) { if (this._noApply) return; if (this._changedProps) { this._changedProps.asc_setStyle(record.get('data')); } }, _setDefaults: function(props) { var me = this; if (props ){ this.chartSettings = props; if (this.isChart) { this._state.ChartType = props.getType(); this._noApply = true; // Layout if (this.isDiagramMode) { var record = this.mnuChartTypePicker.store.findWhere({type: this._state.ChartType}); this.mnuChartTypePicker.selectRecord(record, true); if (record) { this.btnChartType.setIconCls('svgicon ' + 'chart-' + record.get('iconCls')); } else this.btnChartType.setIconCls('svgicon'); } this._noApply = false; this.cmbChartTitle.setValue(props.getTitle()); this.cmbLegendPos.setValue(props.getLegendPos()); this.updateDataLabels(this._state.ChartType, props.getDataLabelsPos()); this.chSeriesName.setValue(this.chartSettings.getShowSerName(), true); this.chCategoryName.setValue(this.chartSettings.getShowCatName(), true); this.chValue.setValue(this.chartSettings.getShowVal(), true); var value = props.getSeparator(); this.txtSeparator.setValue((value) ? value : ''); // Vertical Axis this.vertAxisProps = props.getVertAxesProps(); // Horizontal Axis this.horAxisProps = props.getHorAxesProps(); this.updateAxisProps(this._state.ChartType); this.currentChartType = this._state.ChartType; if (this.imageSettings) { value = this.imageSettings.asc_getTitle(); this.inputAltTitle.setValue(value ? value : ''); value = this.imageSettings.asc_getDescription(); this.textareaAltDescription.val(value ? value : ''); value = this.imageSettings.asc_getAnchor(); switch (value) { case AscCommon.c_oAscCellAnchorType.cellanchorTwoCell: this.radioTwoCell.setValue(true, true); break; case AscCommon.c_oAscCellAnchorType.cellanchorOneCell: this.radioOneCell.setValue(true, true); break; case AscCommon.c_oAscCellAnchorType.cellanchorAbsolute: this.radioAbsolute.setValue(true, true); break; } } } else { // sparkline this._state.SparkType = props.asc_getType(); var record = this.mnuSparkTypePicker.store.findWhere({type: this._state.SparkType}); this.mnuSparkTypePicker.selectRecord(record, true); if (record) this.btnSparkType.setIconCls('svgicon ' + 'chart-' + record.get('iconCls')); else this.btnSparkType.setIconCls('svgicon'); this.updateSparkStyles((this.sparklineStyles) ? this.sparklineStyles : props.asc_getStyles()); if (this._state.SparkType !== Asc.c_oAscSparklineType.Line) this._arrEmptyCells.pop(); this.cmbEmptyCells.setData(this._arrEmptyCells); var value = props.asc_getDisplayEmpty(); this.cmbEmptyCells.setValue((this._state.SparkType !== Asc.c_oAscSparklineType.Line && value==Asc.c_oAscEDispBlanksAs.Span) ? this.textEmptyLine : value); this.chShowEmpty.setValue(props.asc_getDisplayHidden(), true); this.chShowAxis.setValue(props.asc_getDisplayXAxis(), true); this.chReverse.setValue(props.asc_getRightToLeft(), true); this.cmbSparkMinType.setValue(props.asc_getMinAxisType(), true); this.cmbSparkMaxType.setValue(props.asc_getMaxAxisType(), true); this.spnSparkMinValue.setDisabled(props.asc_getMinAxisType()!==Asc.c_oAscSparklineAxisMinMax.Custom); this.spnSparkMaxValue.setDisabled(props.asc_getMaxAxisType()!==Asc.c_oAscSparklineAxisMinMax.Custom); this.spnSparkMinValue.setValue((props.asc_getManualMin() !== null) ? props.asc_getManualMin() : '', true); this.spnSparkMaxValue.setValue((props.asc_getManualMax() !== null) ? props.asc_getManualMax() : '', true); /* var value = props.asc_getDataRanges(); if (value && value.length==2) { this.txtSparkDataRange.setValue((value[0]) ? value[0] : ''); this.txtSparkDataLocation.setValue((value[1]) ? value[1] : ''); this.sparkDataRangeValid = value[0]; this.txtSparkDataRange.validation = function(value) { if (_.isEmpty(value)) return true; var isvalid = me.api.asc_checkDataRange(Asc.c_oAscSelectionDialogType.Chart, value, false); return (isvalid==Asc.c_oAscError.ID.DataRangeError) ? me.textInvalidRange : true; }; this.dataLocationRangeValid = value[1]; this.txtSparkDataLocation.validation = function(value) { if (_.isEmpty(value)) return true; var isvalid = me.api.asc_checkDataRange(Asc.c_oAscSelectionDialogType.FormatTable, value, false); return (isvalid==Asc.c_oAscError.ID.DataRangeError) ? me.textInvalidRange : true; }; } */ this._changedProps = new Asc.sparklineGroup(); this._noApply = false; } } }, getSettings: function() { var value; if (this.isChart) { var type = this.currentChartType; if (this.isDiagramMode) { var rec = this.mnuChartTypePicker.getSelectedRec(); rec && (type = rec.get('type')); } this.chartSettings.putType(type); // this.chartSettings.putInColumns(this.cmbDataDirect.getValue()==1); // this.chartSettings.putRange(this.txtDataRange.getValue()); this.chartSettings.putTitle(this.cmbChartTitle.getValue()); this.chartSettings.putLegendPos(this.cmbLegendPos.getValue()); this.chartSettings.putDataLabelsPos(this.cmbDataLabels.getValue()); this.chartSettings.putShowSerName(this.chSeriesName.getValue()=='checked'); this.chartSettings.putShowCatName(this.chCategoryName.getValue()=='checked'); this.chartSettings.putShowVal(this.chValue.getValue()=='checked'); this.chartSettings.putSeparator(_.isEmpty(this.txtSeparator.getValue()) ? ' ' : this.txtSeparator.getValue()); this.chartSettings.putShowMarker(this.chMarkers.getValue()=='checked'); value = (type == Asc.c_oAscChartTypeSettings.lineNormal || type == Asc.c_oAscChartTypeSettings.lineStacked || type == Asc.c_oAscChartTypeSettings.lineStackedPer || type == Asc.c_oAscChartTypeSettings.lineNormalMarker || type == Asc.c_oAscChartTypeSettings.lineStackedMarker || type == Asc.c_oAscChartTypeSettings.lineStackedPerMarker || type == Asc.c_oAscChartTypeSettings.scatter || type == Asc.c_oAscChartTypeSettings.scatterSmoothMarker || type == Asc.c_oAscChartTypeSettings.scatterSmooth || type == Asc.c_oAscChartTypeSettings.scatterLineMarker || type == Asc.c_oAscChartTypeSettings.scatterLine); if (value) { value = this.cmbLines.getValue(); this.chartSettings.putLine(value!==0); if (value>0) this.chartSettings.putSmooth(value==2); } // this.chartSettings.putVertAxisProps(this.vertAxisProps); // this.chartSettings.putHorAxisProps(this.horAxisProps); if ((this.isAltTitleChanged || this.isAltDescChanged) && !this._changedImageProps) this._changedImageProps = new Asc.asc_CImgProperty(); if (this.isAltTitleChanged) this._changedImageProps.asc_putTitle(this.inputAltTitle.getValue()); if (this.isAltDescChanged) this._changedImageProps.asc_putDescription(this.textareaAltDescription.val()); return { chartSettings: this.chartSettings, imageSettings: this._changedImageProps}; } else { return { chartSettings: this._changedProps }; } }, onRadioSnapChange: function(field, newValue, eOpts) { if (newValue) { if (!this._changedImageProps) this._changedImageProps = new Asc.asc_CImgProperty(); this._changedImageProps.asc_putAnchor(field.options.value); } }, isRangeValid: function() { if (this.isChart) { var isvalid, range = this.chartSettings.getRange(); if (!_.isEmpty(range)) { var type = this.currentChartType; if (this.isDiagramMode) { var rec = this.mnuChartTypePicker.getSelectedRec(); rec && (type = rec.get('type')); } isvalid = this.api.asc_checkDataRange(Asc.c_oAscSelectionDialogType.Chart, range, true, !this.chartSettings.getInColumns(), type); if (isvalid == Asc.c_oAscError.ID.No) return true; } else return true; this.setActiveCategory(0); if (isvalid == Asc.c_oAscError.ID.StockChartError) { Common.UI.warning({msg: this.errorStockChart}); } else if (isvalid == Asc.c_oAscError.ID.MaxDataSeriesError) { Common.UI.warning({msg: this.errorMaxRows}); } else if (isvalid == Asc.c_oAscError.ID.MaxDataPointsError) Common.UI.warning({msg: this.errorMaxPoints}); return false; } else return true; }, // onSelectData: function() { // var me = this; // if (me.api) { // me.btnChartType.menu.options.additionalAlign = me.menuAddAlign; // me.btnSparkType.menu.options.additionalAlign = me.menuAddAlign; // // var handlerDlg = function(dlg, result) { // if (result == 'ok') { // me.dataRangeValid = dlg.getSettings(); // me.txtDataRange.setValue(me.dataRangeValid); // me.txtDataRange.checkValidate(); // } // }; // // var win = new SSE.Views.CellRangeDialog({ // handler: handlerDlg // }).on('close', function() { // me.show(); // }); // // var xy = me.$window.offset(); // me.hide(); // win.show(xy.left + 160, xy.top + 125); // win.setSettings({ // api : me.api, // isRows : (me.cmbDataDirect.getValue()==0), // range : (!_.isEmpty(me.txtDataRange.getValue()) && (me.txtDataRange.checkValidate()==true)) ? me.txtDataRange.getValue() : me.dataRangeValid, // type : Asc.c_oAscSelectionDialogType.Chart // }); // } // }, onSelectDataLabels: function(obj, rec, e) { var disable = rec.value == Asc.c_oAscChartDataLabelsPos.none; this.chSeriesName.setDisabled(disable); this.chCategoryName.setDisabled(disable); this.chValue.setDisabled(disable); this.txtSeparator.setDisabled(disable); if (!disable && this.chSeriesName.getValue()!=='checked' && this.chCategoryName.getValue()!=='checked' && this.chValue.getValue()!=='checked') { this.chValue.setValue('checked', true); } }, onSelectSparkData: function() { var me = this; if (me.api) { var handlerDlg = function(dlg, result) { if (result == 'ok') { me.sparkDataRangeValid = dlg.getSettings(); me.txtSparkDataRange.setValue(me.sparkDataRangeValid); me.txtSparkDataRange.checkValidate(); } }; var win = new SSE.Views.CellRangeDialog({ handler: handlerDlg }).on('close', function() { me.show(); }); var xy = me.$window.offset(); me.hide(); win.show(xy.left + 160, xy.top + 125); win.setSettings({ api : me.api, range : (!_.isEmpty(me.txtSparkDataRange.getValue()) && (me.txtSparkDataRange.checkValidate()==true)) ? me.txtSparkDataRange.getValue() : me.sparkDataRangeValid, type : Asc.c_oAscSelectionDialogType.Chart }); } }, onSelectLocationData: function() { var me = this; if (me.api) { var handlerDlg = function(dlg, result) { if (result == 'ok') { me.dataLocationRangeValid = dlg.getSettings(); me.txtSparkDataLocation.setValue(me.dataLocationRangeValid); me.txtSparkDataLocation.checkValidate(); } }; var win = new SSE.Views.CellRangeDialog({ handler: handlerDlg }).on('close', function() { me.show(); }); var xy = me.$window.offset(); me.hide(); win.show(xy.left + 160, xy.top + 125); win.setSettings({ api : me.api, range : (!_.isEmpty(me.txtSparkDataLocation.getValue()) && (me.txtSparkDataLocation.checkValidate()==true)) ? me.txtSparkDataLocation.getValue() : me.dataLocationRangeValid, type : Asc.c_oAscSelectionDialogType.FormatTable }); } }, openFormat: function(index) { var me = this, props = me.currentAxisProps[index], fmt = props.getNumFmt(), value = me.api.asc_getLocale(), lang = Common.Utils.InternalSettings.get("sse-config-lang"); (!value) && (value = (lang ? parseInt(Common.util.LanguageInfo.getLocalLanguageCode(lang)) : 0x0409)); var win = (new SSE.Views.FormatSettingsDialog({ api: me.api, handler: function(result, settings) { if (result=='ok' && settings) { fmt.putSourceLinked(settings.linked); fmt.putFormatCode(settings.format); me.chartSettings.endEditData(); me._isEditFormat = false; } }, linked: true, props : {format: fmt.getFormatCode(), formatInfo: fmt.getFormatCellsInfo(), langId: value, chartFormat: fmt} })).on('close', function() { me._isEditFormat && me.chartSettings.cancelEditData(); me._isEditFormat = false; }); me._isEditFormat = true; me.chartSettings.startEditData(); win.show(); }, show: function() { Common.Views.AdvancedSettingsWindow.prototype.show.apply(this, arguments); // var me = this; // _.delay(function(){ // me.txtDataRange.cmpEl.find('input').focus(); // },50); }, close: function () { this.api.asc_onCloseChartFrame(); Common.Views.AdvancedSettingsWindow.prototype.close.apply(this, arguments); }, textTitle: 'Chart - Advanced Settings', textShowValues: 'Display chart values', textShowBorders: 'Display chart borders', textDataRows: 'in rows', textDataColumns: 'in columns', textDisplayLegend: 'Display Legend', textLegendBottom: 'Bottom', textLegendTop: 'Top', textLegendRight: 'Right', textLegendLeft: 'Left', textChartTitle: 'Chart Title', textXAxisTitle: 'X Axis Title', textYAxisTitle: 'Y Axis Title', txtEmpty: 'This field is required', textInvalidRange: 'ERROR! Invalid cells range', textChartElementsLegend: 'Chart Elements &
Chart Legend', textLayout: 'Layout', textLegendPos: 'Legend', textDataLabels: 'Data Labels', textSeparator: 'Data Labels Separator', textSeriesName: 'Series Name', textCategoryName: 'Category Name', textValue: 'Value', textAxisOptions: 'Axis Options', textMinValue: 'Minimum Value', textMaxValue: 'Maximum Value', textAxisCrosses: 'Axis Crosses', textUnits: 'Display Units', textTickOptions: 'Tick Options', textMajorType: 'Major Type', textMinorType: 'Minor Type', textLabelOptions: 'Label Options', textLabelPos: 'Label Position', textReverse: 'Values in reverse order', textVertAxis: 'Vertical Axis', textHorAxis: 'Horizontal Axis', textMarksInterval: 'Interval between Marks', textLabelDist: 'Axis Label Distance', textLabelInterval: 'Interval between Labels', textAxisPos: 'Axis Position', textLeftOverlay: 'Left Overlay', textRightOverlay: 'Right Overlay', textOverlay: 'Overlay', textNoOverlay: 'No Overlay', textRotated: 'Rotated', textHorizontal: 'Horizontal', textInnerBottom: 'Inner Bottom', textInnerTop: 'Inner Top', textOuterTop: 'Outer Top', textNone: 'None', textCenter: 'Center', textFixed: 'Fixed', textAuto: 'Auto', textCross: 'Cross', textIn: 'In', textOut: 'Out', textLow: 'Low', textHigh: 'High', textNextToAxis: 'Next to axis', textHundreds: 'Hundreds', textThousands: 'Thousands', textTenThousands: '10 000', textHundredThousands: '100 000', textMillions: 'Millions', textTenMillions: '10 000 000', textHundredMil: '100 000 000', textBillions: 'Billions', textTrillions: 'Trillions', textCustom: 'Custom', textManual: 'Manual', textBetweenTickMarks: 'Between Tick Marks', textOnTickMarks: 'On Tick Marks', textLines: 'Lines', textMarkers: 'Markers', textMajor: 'Major', textMinor: 'Minor', textMajorMinor: 'Major and Minor', textStraight: 'Straight', textSmooth: 'Smooth', textType: 'Type', textTypeData: 'Type & Data', textStyle: 'Style', textSelectData: 'Select data', errorMaxRows: 'ERROR! The maximum number of data series per chart is 255.', errorStockChart: 'Incorrect row order. To build a stock chart place the data on the sheet in the following order:
opening price, max price, min price, closing price.', textAxisSettings: 'Axis Settings', textGridLines: 'Gridlines', textShow: 'Show', textHide: 'Hide', textLeft: 'Left', textRight: 'Right', textTop: 'Top', textBottom: 'Bottom', textFit: 'Fit Width', textSparkRanges: 'Sparkline Ranges', textLocationRange: 'Location Range', textEmptyCells: 'Hidden and Empty cells', textShowEmptyCells: 'Show empty cells as', textShowData: 'Show data in hidden rows and columns', textGroup: 'Group Sparkline', textSingle: 'Single Sparkline', textGaps: 'Gaps', textZero: 'Zero', textEmptyLine: 'Connect data points with line', textShowSparkAxis: 'Show Axis', textReverseOrder: 'Reverse order', textAutoEach: 'Auto for Each', textSameAll: 'Same for All', textTitleSparkline: 'Sparkline - Advanced Settings', textAlt: 'Alternative Text', textAltTitle: 'Title', textAltDescription: 'Description', textAltTip: 'The alternative text-based representation of the visual object information, which will be read to the people with vision or cognitive impairments to help them better understand what information there is in the image, autoshape, chart or table.', errorMaxPoints: 'ERROR! The maximum number of points in series per chart is 4096.', textSnap: 'Cell Snapping', textAbsolute: 'Don\'t move or size with cells', textOneCell: 'Move but don\'t size with cells', textTwoCell: 'Move and size with cells', textVertAxisSec: 'Secondary Vertical Axis', textHorAxisSec: 'Secondary Horizontal Axis', textAxisTitle: 'Title', textHideAxis: 'Hide axis', textFormat: 'Label format' }, SSE.Views.ChartSettingsDlg || {})); });