web-apps/apps/spreadsheeteditor/main/app/view/ChartSettingsDlg.js

1822 lines
87 KiB
JavaScript
Raw Normal View History

2016-04-01 13:17:09 +00:00
/*
*
* (c) Copyright Ascensio System SIA 2010-2019
2016-04-01 13:17:09 +00:00
*
* 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.
2016-04-01 13:17:09 +00:00
*
* 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
*
*/
2016-03-11 00:48:53 +00:00
/**
* ChartSettingsDlg.js
*
* Created by Julia Radzhabova on 4/04/14
2018-03-01 12:16:38 +00:00
* Copyright (c) 2018 Ascensio System SIA. All rights reserved.
2016-03-11 00:48:53 +00:00
*
*/
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'
2016-03-11 00:48:53 +00:00
], function (contentTemplate) {
'use strict';
SSE.Views.ChartSettingsDlg = Common.Views.AdvancedSettingsWindow.extend(_.extend({
options: {
contentWidth: 322,
height: 535,
2016-04-21 11:47:28 +00:00
toggleGroup: 'chart-settings-dlg-group',
storageName: 'sse-chart-settings-adv-category'
2016-03-11 00:48:53 +00:00
},
initialize : function(options) {
_.extend(this.options, {
title: this.textTitle,
items: [
{panelId: 'id-chart-settings-dlg-style', panelCaption: this.textType},
2016-03-11 00:48:53 +00:00
{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},
2016-09-14 13:34:08 +00:00
{panelId: 'id-chart-settings-dlg-hor', panelCaption: this.textHorAxis},
{panelId: 'id-chart-settings-dlg-hor-sec', panelCaption: this.textHorAxisSec},
2016-09-14 13:34:08 +00:00
{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}
2016-03-11 00:48:53 +00:00
],
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
2016-03-11 00:48:53 +00:00
};
this._noApply = true;
2016-10-27 07:35:19 +00:00
this._changedProps = null;
this._changedImageProps = null;
2016-03-11 00:48:53 +00:00
this.api = this.options.api;
this.chartSettings = this.options.chartSettings;
this.imageSettings = this.options.imageSettings;
this.sparklineStyles = this.options.sparklineStyles;
2016-09-14 13:34:08 +00:00
this.isChart = this.options.isChart;
2020-10-09 11:20:31 +00:00
this.isDiagramMode = !!this.options.isDiagramMode;
this.vertAxisProps = [];
this.horAxisProps = [];
this.currentAxisProps = [];
2016-03-11 00:48:53 +00:00
this.dataRangeValid = '';
this.sparkDataRangeValid = '';
this.dataLocationRangeValid = '';
2016-08-18 11:17:05 +00:00
this.currentChartType = this._state.ChartType;
2016-09-14 13:34:08 +00:00
this.storageName = (this.isChart) ? 'sse-chart-settings-adv-category' : 'sse-spark-settings-adv-category';
2016-03-11 00:48:53 +00:00
},
render: function() {
Common.Views.AdvancedSettingsWindow.prototype.render.call(this);
var me = this;
var $window = this.getChild();
// Layout
2020-10-09 11:20:31 +00:00
if (this.isDiagramMode) {
this.btnChartType = new Common.UI.Button({
cls: 'btn-large-dataview',
iconCls: 'svgicon chart-bar-normal',
menu: new Common.UI.Menu({
2020-10-09 11:20:31 +00:00
style: 'width: 364px; padding-top: 12px;',
additionalAlign: this.menuAddAlign,
items: [
{template: _.template('<div id="id-chart-dlg-menu-type" class="menu-insertchart" style="margin: 5px 5px 5px 10px;"></div>')}
2020-10-09 11:20:31 +00:00
]
})
});
this.btnChartType.on('render:after', function (btn) {
2020-10-09 11:20:31 +00:00
me.mnuChartTypePicker = new Common.UI.DataView({
el: $('#id-chart-dlg-menu-type'),
parentMenu: btn.menu,
restoreHeight: 421,
groups: new Common.UI.DataViewGroupStore(Common.define.chartData.getChartGroupData()),
store: new Common.UI.DataViewStore(Common.define.chartData.getChartData()),
itemTemplate: _.template('<div id="<%= id %>" class="item-chartlist"><svg width="40" height="40" class=\"icon\"><use xlink:href=\"#chart-<%= iconCls %>\"></use></svg></div>')
});
});
this.btnChartType.render($('#chart-dlg-button-type'));
this.mnuChartTypePicker.on('item:click', _.bind(this.onSelectType, this, this.btnChartType));
}
2016-03-11 00:48:53 +00:00
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
2016-03-11 00:48:53 +00:00
});
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
2016-03-11 00:48:53 +00:00
});
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
2016-03-11 00:48:53 +00:00
});
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
2016-03-11 00:48:53 +00:00
});
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) {
2016-03-11 00:48:53 +00:00
if (this.chartSettings) {
this.chartSettings.putLine(record.value !== 0);
if (record.value > 0)
this.chartSettings.putSmooth(record.value == 2);
2016-03-11 00:48:53 +00:00
}
}, 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');
2016-03-11 00:48:53 +00:00
}, 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 = [];
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);
}
2016-03-11 00:48:53 +00:00
}
}, 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());
2016-03-11 00:48:53 +00:00
}
}, 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);
}
2016-03-11 00:48:53 +00:00
}
}, 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: 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));
};
addControlsV(0);
addControlsV(1);
2016-03-11 00:48:53 +00:00
// 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 = [];
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);
}
2016-03-11 00:48:53 +00:00
}
}, 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: 140,
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: 140px;',
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));
};
addControlsH(0);
addControlsH(1);
2016-03-11 00:48:53 +00:00
2016-09-14 13:34:08 +00:00
// Sparklines
this.btnSparkType = new Common.UI.Button({
cls : 'btn-large-dataview',
iconCls : 'svgicon chart-spark-column',
2016-09-14 13:34:08 +00:00
menu : new Common.UI.Menu({
style: 'width: 167px; padding-top: 12px;',
2019-02-28 10:05:23 +00:00
additionalAlign: this.menuAddAlign,
2016-09-14 13:34:08 +00:00
items: [
{ template: _.template('<div id="id-spark-dlg-menu-type" class="menu-insertchart" style="margin: 5px 5px 0 10px;"></div>') }
2016-09-14 13:34:08 +00:00
]
})
});
this.btnSparkType.on('render:after', function(btn) {
me.mnuSparkTypePicker = new Common.UI.DataView({
el: $('#id-spark-dlg-menu-type'),
parentMenu: btn.menu,
restoreHeight: 120,
2019-11-18 10:40:10 +00:00
groups: new Common.UI.DataViewGroupStore(Common.define.chartData.getSparkGroupData()),
store: new Common.UI.DataViewStore(Common.define.chartData.getSparkData()),
itemTemplate: _.template('<div id="<%= id %>" class="item-chartlist"><svg width="40" height="40" class=\"icon\"><use xlink:href=\"#chart-<%= iconCls %>\"></use></svg></div>')
2016-09-14 13:34:08 +00:00
});
});
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
2016-09-14 13:34:08 +00:00
});
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});
2016-09-14 13:34:08 +00:00
});
/*
2016-09-14 13:34:08 +00:00
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({
2016-09-14 13:34:08 +00:00
el : $('#spark-dlg-txt-range'),
name : 'range',
style : 'width: 100%;',
btnHint : this.textSelectData,
2016-09-14 13:34:08 +00:00
allowBlank : true,
blankError : this.txtEmpty,
validateOnChange: true
});
this.txtSparkDataRange.on('button:click', _.bind(this.onSelectSparkData, this));
2016-09-14 13:34:08 +00:00
this.txtSparkDataLocation = new Common.UI.InputFieldBtn({
2016-09-14 13:34:08 +00:00
el : $('#spark-dlg-txt-location'),
name : 'range',
style : 'width: 100%;',
btnHint : this.textSelectData,
2016-09-14 13:34:08 +00:00
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 }
];
2016-09-14 13:34:08 +00:00
this.cmbEmptyCells = new Common.UI.ComboBox({
el : $('#spark-dlg-combo-empty'),
2017-07-04 08:00:37 +00:00
menuStyle : 'min-width: 220px;',
2016-09-14 13:34:08 +00:00
editable : false,
cls : 'input-group-nr',
takeFocusOnClose: true
2016-09-14 13:34:08 +00:00
});
2016-10-27 07:35:19 +00:00
this.cmbEmptyCells.on('selected', _.bind(function(combo, record){
if (this._changedProps) {
this._changedProps.asc_setDisplayEmpty(record.value);
}
}, this));
2016-09-14 13:34:08 +00:00
this.chShowEmpty = new Common.UI.CheckBox({
el: $('#spark-dlg-check-show-data'),
labelText: this.textShowData
});
2016-10-27 07:35:19 +00:00
this.chShowEmpty.on('change', _.bind(function(field, newValue, oldValue, eOpts){
if (this._changedProps) {
this._changedProps.asc_setDisplayHidden(field.getValue()=='checked');
}
}, this));
2016-09-14 13:34:08 +00:00
// Sparkline axis
this.chShowAxis = new Common.UI.CheckBox({
el: $('#spark-dlg-check-show'),
labelText: this.textShowSparkAxis
});
2016-10-27 07:35:19 +00:00
this.chShowAxis.on('change', _.bind(function(field, newValue, oldValue, eOpts){
if (this._changedProps) {
this._changedProps.asc_setDisplayXAxis(field.getValue()=='checked');
}
}, this));
2016-09-14 13:34:08 +00:00
this.chReverse = new Common.UI.CheckBox({
el: $('#spark-dlg-check-reverse'),
labelText: this.textReverseOrder
});
2016-10-27 07:35:19 +00:00
this.chReverse.on('change', _.bind(function(field, newValue, oldValue, eOpts){
if (this._changedProps) {
this._changedProps.asc_setRightToLeft(field.getValue()=='checked');
}
}, this));
2016-09-14 13:34:08 +00:00
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
2016-09-14 13:34:08 +00:00
}).on('selected', _.bind(function(combo, record) {
this.spnSparkMinValue.setDisabled(record.value!==Asc.c_oAscSparklineAxisMinMax.Custom);
2016-10-27 07:35:19 +00:00
if (this._changedProps) {
this._changedProps.asc_setMinAxisType(record.value);
}
if (record.value==Asc.c_oAscSparklineAxisMinMax.Custom && _.isEmpty(this.spnSparkMinValue.getValue()))
this.spnSparkMinValue.setValue(0);
2016-09-14 13:34:08 +00:00
}, 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) {
2016-10-27 07:35:19 +00:00
if (this._changedProps) {
this._changedProps.asc_setManualMin(field.getNumberValue());
}
2016-09-14 13:34:08 +00:00
}, 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
2016-09-14 13:34:08 +00:00
}).on('selected', _.bind(function(combo, record) {
this.spnSparkMaxValue.setDisabled(record.value!==Asc.c_oAscSparklineAxisMinMax.Custom);
2016-10-27 07:35:19 +00:00
if (this._changedProps) {
this._changedProps.asc_setMaxAxisType(record.value);
}
if (record.value==Asc.c_oAscSparklineAxisMinMax.Custom && _.isEmpty(this.spnSparkMaxValue.getValue()))
this.spnSparkMaxValue.setValue(0);
2016-09-14 13:34:08 +00:00
}, 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) {
2016-10-27 07:35:19 +00:00
if (this._changedProps) {
this._changedProps.asc_setManualMax(field.getNumberValue());
}
2016-09-14 13:34:08 +00:00
}, 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;
});
2016-03-11 00:48:53 +00:00
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);
},
2016-03-11 00:48:53 +00:00
afterRender: function() {
this._setDefaults(this.chartSettings);
2016-09-14 13:34:08 +00:00
this.setTitle((this.isChart) ? this.textTitle : this.textTitleSparkline);
2020-10-09 11:20:31 +00:00
this.btnsCategory[0].setVisible(this.isDiagramMode); // hide type for charts
2016-09-14 13:34:08 +00:00
if (this.isChart) {
this.btnsCategory[6].setVisible(false);
this.btnsCategory[7].setVisible(false);
2016-09-14 13:34:08 +00:00
} 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);
2016-09-14 13:34:08 +00:00
}
2016-04-21 11:47:28 +00:00
if (this.storageName) {
var value = Common.localStorage.getItem(this.storageName);
this.setActiveCategory((value!==null) ? parseInt(value) : 0);
2016-06-20 08:15:56 +00:00
value = this.getActiveCategory();
if (value==2 || value==3) this.onVCategoryClick(value-2);
else if (value==4 || value==5) this.onHCategoryClick(value-4);
2016-04-21 11:47:28 +00:00
}
2016-03-11 00:48:53 +00:00
},
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);
2016-03-11 00:48:53 +00:00
this.chartSettings.changeType(rawData.type);
this.updateAxisProps(rawData.type, true);
this.vertAxisProps = this.chartSettings.getVertAxesProps();
this.horAxisProps = this.chartSettings.getHorAxesProps();
2016-08-18 11:17:05 +00:00
this.updateDataLabels(rawData.type, this.cmbDataLabels.getValue());
this.currentChartType = rawData.type;
2016-03-11 00:48:53 +00:00
},
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.scatter);
2016-03-11 00:48:53 +00:00
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);
2016-03-11 00:48:53 +00:00
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);
2016-03-11 00:48:53 +00:00
2016-06-20 08:35:15 +00:00
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);
2016-06-20 08:35:15 +00:00
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) ? 'id-chart-settings-dlg-vert' : 'id-chart-settings-dlg-hor';
2016-03-11 00:48:53 +00:00
},
2016-08-18 11:17:05 +00:00
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.stock || chartType == Asc.c_oAscChartTypeSettings.scatter)
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);
2016-03-11 00:48:53 +00:00
},
onHCategoryClick: function(index) {
(this.horAxisProps[index].getAxisType()==Asc.c_oAscAxisType.val) ? this.fillVProps(this.horAxisProps[index], index) : this.fillHProps(this.horAxisProps[index], index);
2016-03-11 00:48:53 +00:00
},
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] = {
2016-03-11 00:48:53 +00:00
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());
2016-03-11 00:48:53 +00:00
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);
2016-03-11 00:48:53 +00:00
value = props.getCrossesRule();
this.cmbVCrossType[index].setValue(value);
2016-03-11 00:48:53 +00:00
switch (value) {
case Asc.c_oAscCrossesRule.minValue:
value = this.spnMinValue[index].getNumberValue();
2016-03-11 00:48:53 +00:00
break;
case Asc.c_oAscCrossesRule.maxValue:
value = this.spnMaxValue[index].getNumberValue();
2016-03-11 00:48:53 +00:00
break;
case Asc.c_oAscCrossesRule.auto:
value = this._originalAxisVValues[index].crossesAuto;
2016-03-11 00:48:53 +00:00
break;
default:
value = props.getCrosses();
break;
}
this.spnVAxisCrosses[index].setValue((value==null) ? '' : value, true);
2016-03-11 00:48:53 +00:00
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());
2016-03-11 00:48:53 +00:00
this.currentAxisProps[index] = props;
2016-03-11 00:48:53 +00:00
},
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] = {
2016-03-11 00:48:53 +00:00
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());
2016-03-11 00:48:53 +00:00
var value = props.getCrossesRule();
this.cmbHCrossType[index].setValue(value);
2016-03-11 00:48:53 +00:00
switch (value) {
case Asc.c_oAscCrossesRule.minValue:
value = this._originalAxisHValues[index].minAuto;
2016-03-11 00:48:53 +00:00
break;
case Asc.c_oAscCrossesRule.maxValue:
value = this._originalAxisHValues[index].maxAuto;
2016-03-11 00:48:53 +00:00
break;
case Asc.c_oAscCrossesRule.auto:
value = this._originalAxisHValues[index].crossesAuto;
2016-03-11 00:48:53 +00:00
break;
default:
value = props.getCrosses();
break;
}
this.spnHAxisCrosses[index].setValue((value==null) ? '' : value, true);
2016-03-11 00:48:53 +00:00
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);
2016-03-11 00:48:53 +00:00
value = props.getIntervalBetweenLabelsRule();
this.cmbLabelInterval[index].setValue(value);
this.spnLabelInterval[index].setValue((value===Asc.c_oAscBetweenLabelsRule.manual) ? props.getIntervalBetweenLabels(): 1, true);
2016-03-11 00:48:53 +00:00
this.currentAxisProps[index] = props;
2016-03-11 00:48:53 +00:00
},
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<styles.length-1; i++) {
data[i].set('imageUrl', styles[i]);
}
} else {
var stylearray = [],
selectedIdx = styles[styles.length-1];
for (var i=0; i<styles.length-1; i++) {
stylearray.push({
imageUrl: styles[i],
data : i
});
}
stylesStore.reset(stylearray, {silent: false});
this.cmbSparkStyle.fillComboView(stylesStore.at(selectedIdx<0 ? 0 : selectedIdx), selectedIdx>-1);
}
}
},
2016-09-14 13:34:08 +00:00
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);
2016-10-27 07:35:19 +00:00
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);
2016-12-05 08:47:45 +00:00
this.cmbEmptyCells.setValue((rawData.type !== Asc.c_oAscSparklineType.Line && value==Asc.c_oAscEDispBlanksAs.Span) ? this.textEmptyLine : value);
2016-10-27 07:35:19 +00:00
}
2017-07-04 14:13:09 +00:00
this.updateSparkStyles(this.chartSettings.asc_getStyles(rawData.type));
2016-09-14 13:34:08 +00:00
},
2016-10-27 07:35:19 +00:00
onSelectSparkStyle: function(combo, record) {
if (this._noApply) return;
2016-10-27 07:35:19 +00:00
if (this._changedProps) {
this._changedProps.asc_setStyle(record.get('data'));
}
},
2016-03-11 00:48:53 +00:00
_setDefaults: function(props) {
var me = this;
if (props ){
this.chartSettings = props;
2016-09-14 13:34:08 +00:00
if (this.isChart) {
this._state.ChartType = props.getType();
2016-03-11 00:48:53 +00:00
2016-09-14 13:34:08 +00:00
this._noApply = true;
2016-03-11 00:48:53 +00:00
2016-09-14 13:34:08 +00:00
// Layout
2016-03-11 00:48:53 +00:00
2020-10-09 11:20:31 +00:00
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');
}
2016-03-11 00:48:53 +00:00
2016-09-14 13:34:08 +00:00
this._noApply = false;
2016-03-11 00:48:53 +00:00
2016-09-14 13:34:08 +00:00
this.cmbChartTitle.setValue(props.getTitle());
this.cmbLegendPos.setValue(props.getLegendPos());
2016-03-11 00:48:53 +00:00
2016-09-14 13:34:08 +00:00
this.updateDataLabels(this._state.ChartType, props.getDataLabelsPos());
2016-03-11 00:48:53 +00:00
2016-09-14 13:34:08 +00:00
this.chSeriesName.setValue(this.chartSettings.getShowSerName(), true);
this.chCategoryName.setValue(this.chartSettings.getShowCatName(), true);
this.chValue.setValue(this.chartSettings.getShowVal(), true);
2016-03-11 00:48:53 +00:00
var value = props.getSeparator();
2016-09-14 13:34:08 +00:00
this.txtSeparator.setValue((value) ? value : '');
2016-03-11 00:48:53 +00:00
2016-09-14 13:34:08 +00:00
// Vertical Axis
this.vertAxisProps = props.getVertAxesProps();
2016-03-11 00:48:53 +00:00
2016-09-14 13:34:08 +00:00
// Horizontal Axis
this.horAxisProps = props.getHorAxesProps();
2016-03-11 00:48:53 +00:00
2016-09-14 13:34:08 +00:00
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;
}
}
2016-09-14 13:34:08 +00:00
} 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'));
2017-06-28 13:12:57 +00:00
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);
2016-12-05 08:47:45 +00:00
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);
2016-10-27 07:35:19 +00:00
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;
};
}
*/
2016-10-27 07:35:19 +00:00
this._changedProps = new Asc.sparklineGroup();
this._noApply = false;
2016-09-14 13:34:08 +00:00
}
2016-03-11 00:48:53 +00:00
}
},
getSettings: function() {
2017-06-28 13:12:57 +00:00
var value;
2016-03-11 00:48:53 +00:00
2016-10-27 07:35:19 +00:00
if (this.isChart) {
var type = this.currentChartType;
2020-10-09 11:20:31 +00:00
if (this.isDiagramMode) {
var rec = this.mnuChartTypePicker.getSelectedRec();
rec && (type = rec.get('type'));
}
2017-06-28 13:12:57 +00:00
2016-10-27 07:35:19 +00:00
this.chartSettings.putType(type);
2016-03-11 00:48:53 +00:00
// this.chartSettings.putInColumns(this.cmbDataDirect.getValue()==1);
// this.chartSettings.putRange(this.txtDataRange.getValue());
2016-03-11 00:48:53 +00:00
2016-10-27 07:35:19 +00:00
this.chartSettings.putTitle(this.cmbChartTitle.getValue());
this.chartSettings.putLegendPos(this.cmbLegendPos.getValue());
2016-03-11 00:48:53 +00:00
2016-10-27 07:35:19 +00:00
this.chartSettings.putDataLabelsPos(this.cmbDataLabels.getValue());
2016-03-11 00:48:53 +00:00
2016-10-27 07:35:19 +00:00
this.chartSettings.putShowSerName(this.chSeriesName.getValue()=='checked');
this.chartSettings.putShowCatName(this.chCategoryName.getValue()=='checked');
this.chartSettings.putShowVal(this.chValue.getValue()=='checked');
2016-03-11 00:48:53 +00:00
2016-10-27 07:35:19 +00:00
this.chartSettings.putSeparator(_.isEmpty(this.txtSeparator.getValue()) ? ' ' : this.txtSeparator.getValue());
2016-03-11 00:48:53 +00:00
2016-10-27 07:35:19 +00:00
this.chartSettings.putShowMarker(this.chMarkers.getValue()=='checked');
2016-03-11 00:48:53 +00:00
2016-10-27 07:35:19 +00:00
value = (type == Asc.c_oAscChartTypeSettings.lineNormal || type == Asc.c_oAscChartTypeSettings.lineStacked ||
type == Asc.c_oAscChartTypeSettings.lineStackedPer || type == Asc.c_oAscChartTypeSettings.scatter);
if (value) {
value = this.cmbLines.getValue();
this.chartSettings.putLine(value!==0);
if (value>0)
this.chartSettings.putSmooth(value==2);
}
2016-03-11 00:48:53 +00:00
// this.chartSettings.putVertAxisProps(this.vertAxisProps);
// this.chartSettings.putHorAxisProps(this.horAxisProps);
2016-03-11 00:48:53 +00:00
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};
2016-10-27 07:35:19 +00:00
} else {
return { chartSettings: this._changedProps };
}
2016-03-11 00:48:53 +00:00
},
onRadioSnapChange: function(field, newValue, eOpts) {
if (newValue) {
if (!this._changedImageProps)
this._changedImageProps = new Asc.asc_CImgProperty();
this._changedImageProps.asc_putAnchor(field.options.value);
}
},
2016-03-11 00:48:53 +00:00
isRangeValid: function() {
2020-07-15 10:21:32 +00:00
if (this.isChart) {
var isvalid,
range = this.chartSettings.getRange();
if (!_.isEmpty(range)) {
var type = this.currentChartType;
2020-10-09 11:20:31 +00:00
if (this.isDiagramMode) {
var rec = this.mnuChartTypePicker.getSelectedRec();
rec && (type = rec.get('type'));
}
2020-07-15 10:21:32 +00:00
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;
2016-03-11 00:48:53 +00:00
},
// 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
// });
// }
// },
2016-03-11 00:48:53 +00:00
onSelectDataLabels: function(obj, rec, e) {
var disable = rec.value == Asc.c_oAscChartDataLabelsPos.none;
2016-03-11 00:48:53 +00:00
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
});
}
},
show: function() {
2016-03-11 00:48:53 +00:00
Common.Views.AdvancedSettingsWindow.prototype.show.apply(this, arguments);
// var me = this;
// _.delay(function(){
// me.txtDataRange.cmpEl.find('input').focus();
// },50);
2016-03-11 00:48:53 +00:00
},
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',
textShowAxis: 'Display Axis',
textShowGrid: 'Grid Lines',
textDataRange: 'Data Range',
textChartTitle: 'Chart Title',
textXAxisTitle: 'X Axis Title',
textYAxisTitle: 'Y Axis Title',
txtEmpty: 'This field is required',
textInvalidRange: 'ERROR! Invalid cells range',
2020-06-05 17:34:50 +00:00
textTypeStyle: 'Chart Type, Style &<br>Data Range',
textChartElementsLegend: 'Chart Elements &<br>Chart Legend',
2016-03-11 00:48:53 +00:00
textLayout: 'Layout',
textLegendPos: 'Legend',
textHorTitle: 'Horizontal Axis Title',
textVertTitle: 'Vertical Axis Title',
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',
textHorGrid: 'Horizontal Gridlines',
textVertGrid: 'Vertical Gridlines',
textLines: 'Lines',
textMarkers: 'Markers',
textMajor: 'Major',
textMinor: 'Minor',
textMajorMinor: 'Major and Minor',
textStraight: 'Straight',
textSmooth: 'Smooth',
textType: 'Type',
textTypeData: 'Type & Data',
textStyle: 'Style',
2020-04-06 14:57:55 +00:00
textSelectData: 'Select data',
2016-03-11 00:48:53 +00:00
textDataSeries: 'Data series',
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:<br> opening price, max price, min price, closing price.',
textAxisSettings: 'Axis Settings',
textGridLines: 'Gridlines',
textShow: 'Show',
2016-08-18 11:17:05 +00:00
textHide: 'Hide',
textLeft: 'Left',
textRight: 'Right',
textTop: 'Top',
textBottom: 'Bottom',
2016-09-14 13:34:08 +00:00
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',
2017-07-05 12:22:02 +00:00
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'
}, SSE.Views.ChartSettingsDlg || {}));
2016-03-11 00:48:53 +00:00
});