705 lines
20 KiB
JavaScript
705 lines
20 KiB
JavaScript
window.afterPageUpdate = function($target, info, options)
|
|
{
|
|
window.isDropdown = false;
|
|
window.lineCount = 1;
|
|
window.checkedList = [{id:current.id + '', name:current.name}];
|
|
window.chartList = [];
|
|
for(key in chartTypeList) {
|
|
chartList.push({value: key, text: chartTypeList[key]});
|
|
}
|
|
window.filterChecked = {};
|
|
|
|
if(viewType == 'multiple')
|
|
{
|
|
window.renderCheckedLabel();
|
|
$(window).on('resize', window.renderCheckedLabel);
|
|
}
|
|
if(viewType == 'single') window.addTitle2Star();
|
|
window.initFilterPanel();
|
|
}
|
|
|
|
window.addTitle2Star = function()
|
|
{
|
|
$('.metric-collect').attr('title', collectStar);
|
|
}
|
|
|
|
/* 事件处理函数。 */
|
|
window.handleCheckboxChange = function($el)
|
|
{
|
|
$el = $($el);
|
|
var isChecked = $el.is(":checked");
|
|
var value = $el.val();
|
|
var text = $el.next().text();
|
|
|
|
if(!isChecked && window.checkedList.length == 1)
|
|
{
|
|
$el.prop('checked', true);
|
|
return;
|
|
}
|
|
|
|
if(isChecked && window.checkedList.length >= 10)
|
|
{
|
|
$el.prop('checked', false);
|
|
return messagerWarning(maxSelectMsg.replace('%s', maxSelectNum));
|
|
}
|
|
|
|
window.updateCheckAction(value, text, isChecked);
|
|
}
|
|
|
|
window.handleNavMenuClick = function($el)
|
|
{
|
|
var scope = $el.attr('id');
|
|
window.ajaxGetMetrics(scope, '', function(metrics, total){
|
|
window.deactiveNavMenu();
|
|
window.hideFilterPanel();
|
|
window.resetFilterPanel();
|
|
$el.addClass('active');
|
|
$el.append(`<span class="label size-sm rounded-full white">${total}</span>`);
|
|
})
|
|
}
|
|
|
|
window.handleFilterCheck = function()
|
|
{
|
|
window.updateFilterCheck();
|
|
}
|
|
|
|
window.handleFilterToggle = function($el)
|
|
{
|
|
$el.toggleClass('primary-600');
|
|
$('.filter-panel').toggleClass('hidden');
|
|
}
|
|
|
|
window.handleFilterClearItem = function($el)
|
|
{
|
|
$el = $($el);
|
|
if(!$el.length) return;
|
|
|
|
var $checkboxList = $el.closest('.panel').find('.panel-body .check-list-inline .checkbox-primary');
|
|
$checkboxList.each(function(index, elem){
|
|
$(elem).find('input').prop('checked', false);
|
|
});
|
|
|
|
window.updateFilterCheck();
|
|
}
|
|
|
|
window.handleFilterClearAll = function($el)
|
|
{
|
|
$el = $($el);
|
|
if(!$el.length) return;
|
|
|
|
var $checkboxList = $el.closest('.panel').find('.panel-body .check-list-inline .checkbox-primary');
|
|
$checkboxList.each(function(index, elem){
|
|
$(elem).find('input').prop('checked', false);
|
|
});
|
|
|
|
window.updateFilterCheck();
|
|
}
|
|
|
|
window.handleFilterClick = function()
|
|
{
|
|
var filterBase64 = btoa(JSON.stringify(window.filterChecked));
|
|
|
|
if(viewType == 'multiple')
|
|
{
|
|
window.ajaxGetMetrics('filter', filterBase64, function(_, total)
|
|
{
|
|
window.deactiveNavMenu();
|
|
$('.side-title').text(filterLang.filterTotal.replace('%s', total));
|
|
});
|
|
return;
|
|
}
|
|
loadPage($.createLink('metric', 'preview', 'scope=filter&viewType=' + viewType + '&metricID=0&filtersBase64=' + filterBase64));
|
|
}
|
|
|
|
window.handleChartTypeChange = function(metricID, viewType = 'single')
|
|
{
|
|
if(viewType == 'single')
|
|
{
|
|
var chartType = $('[name=chartType]').val();
|
|
}
|
|
else
|
|
{
|
|
var chartType = $('#metricBox' + metricID).find('[name=chartType]').val();
|
|
}
|
|
|
|
var $form = $('#queryForm' + metricID);
|
|
var formData = window.getFormData($form);
|
|
|
|
$.post($.createLink('metric', 'ajaxGetEchartsOptions', 'metricID=' + metricID + '&chartType=' + chartType), formData, function(resp)
|
|
{
|
|
var datas = JSON.parse(resp);
|
|
if(!datas) return;
|
|
|
|
if(chartType == 'pie')
|
|
{
|
|
var options = window.genPieOption(datas);
|
|
}
|
|
else
|
|
{
|
|
var options = window.genLineBarOption(chartType, datas);
|
|
}
|
|
|
|
window.renderChart(metricID, viewType, options);
|
|
});
|
|
}
|
|
|
|
window.handleRemoveLabel = function(id)
|
|
{
|
|
var checkedItem = window.checkedList.find(function(checked){return checked.id == id});
|
|
if(!checkedItem) return;
|
|
|
|
window.updateCheckAction(checkedItem.id, checkedItem.name, false);
|
|
}
|
|
/* 事件处理函数结束。 */
|
|
|
|
window.isMetricChecked = function(id)
|
|
{
|
|
return window.checkedList.filter(function(metric){return metric.id == id}).length != 0;
|
|
}
|
|
|
|
window.renderCheckList = function(metrics)
|
|
{
|
|
$('.side .metric-tree').empty();
|
|
|
|
var ids = metrics.map(obj => obj.id).join(',');
|
|
var checked = window.checkedList.map(obj => obj.id).join(',');
|
|
$.post($.createLink('metric', 'ajaxGetMetricSideTree'),
|
|
{
|
|
'metricIDList': ids,
|
|
'checkedList' : checked
|
|
},
|
|
function(resp)
|
|
{
|
|
$('.side .metric-tree').html(resp);
|
|
});
|
|
}
|
|
|
|
window.updateCheckList = function(id, name, isChecked)
|
|
{
|
|
if(isChecked)
|
|
{
|
|
return window.checkedList.push({id: id, name: name});
|
|
}
|
|
|
|
window.checkedList = window.checkedList.filter(function(item){return item.id != id});
|
|
}
|
|
|
|
window.updateCheckAction = function(id, name, isChecked)
|
|
{
|
|
window.updateCheckList(id, name, isChecked);
|
|
window.updateCheckbox(id, isChecked);
|
|
window.renderCheckedLabel();
|
|
window.updateMetricBoxs(id, isChecked);
|
|
}
|
|
|
|
window.ajaxGetMetrics = function(scope, filters = '', callback)
|
|
{
|
|
$.get($.createLink('metric', 'ajaxGetMetrics', 'scope=' + scope + '&filters=' + filters), function(resp){
|
|
var metrics = JSON.parse(resp);
|
|
var total = metrics.length;
|
|
|
|
window.renderCheckList(metrics);
|
|
|
|
if(typeof callback == 'function') callback(metrics, total);
|
|
});
|
|
}
|
|
|
|
window.updateFilterCheck = function()
|
|
{
|
|
var selector = '.filter-panel .panel-body .check-list-inline .checkbox-primary input:checked';
|
|
window.filterChecked = {'scope': [], 'object': [], 'purpose': []};
|
|
var hasChecked = false;
|
|
$(selector).each(function(index, elem){
|
|
var name = $(elem).attr('name');
|
|
var value = $(elem).val();
|
|
|
|
window.filterChecked[name].push(value);
|
|
hasChecked = true;
|
|
});
|
|
|
|
if(!hasChecked)
|
|
{
|
|
$('.filter-btn .common').removeClass('hidden');
|
|
$('.filter-btn .checked').addClass('hidden');
|
|
return;
|
|
}
|
|
|
|
$('.filter-btn .common').addClass('hidden');
|
|
$('.filter-btn .checked').removeClass('hidden');
|
|
var checkedInfo = filterLang.checkedInfo;
|
|
checkedInfo = checkedInfo.replace('%s', window.filterChecked.scope.length);
|
|
checkedInfo = checkedInfo.replace('%s', window.filterChecked.object.length);
|
|
checkedInfo = checkedInfo.replace('%s', window.filterChecked.purpose.length);
|
|
$('.filter-btn .checked').text(checkedInfo);
|
|
}
|
|
|
|
window.resetFilterPanel = function()
|
|
{
|
|
var $checkboxList = $('.filter-panel .panel').find('.panel-body .check-list-inline .checkbox-primary');
|
|
$checkboxList.each(function(index, elem){
|
|
$(elem).find('input').prop('checked', false);
|
|
});
|
|
|
|
window.updateFilterCheck();
|
|
|
|
$('.side-title').text(metricListLang);
|
|
}
|
|
|
|
window.initFilterPanel = function()
|
|
{
|
|
if(!$('.filter-panel').length) return;
|
|
|
|
$('#mainMenu').after($('.filter-panel'));
|
|
|
|
$('.filter-btn').removeClass('primary-600');
|
|
if(scope == 'filter')
|
|
{
|
|
$('.filter-btn').addClass('primary-600');
|
|
$('.filter-panel').removeClass('hidden');
|
|
window.updateFilterCheck();
|
|
}
|
|
else
|
|
{
|
|
window.hideFilterPanel();
|
|
}
|
|
}
|
|
|
|
window.getMetricRecordType = function(recordRow)
|
|
{
|
|
if(!recordRow) return false;
|
|
var type = [];
|
|
if(recordRow.scope) type.push('scope');
|
|
if(recordRow.date) type.push('date');
|
|
if(type.length == 0) type.push('system');
|
|
return type.join('-');
|
|
}
|
|
|
|
window.renderChart = function(metricID, viewType, options)
|
|
{
|
|
var $currentBox = $('#metricBox' + metricID);
|
|
if(viewType == 'single') $currentBox = $('.table-and-chart-single');
|
|
if(!$currentBox.find('.chart').length) return;
|
|
|
|
var classes = viewType == 'single' ? 'chart chart-single' : 'chart chart-multiple';
|
|
$currentBox.find('.chart').remove();
|
|
$currentBox.find('.chart-side').append('<div class="' + classes + '"></div>');
|
|
|
|
window.renderEchart($currentBox.find('.chart')[0], options);
|
|
}
|
|
|
|
window.renderEchart = function($obj, option)
|
|
{
|
|
$.getLib(config.webRoot + 'js/echarts/echarts.common.min.js', {root: false}, function() {
|
|
var myChart = echarts.init($obj);
|
|
option && myChart.setOption(option);
|
|
});
|
|
}
|
|
|
|
window.setDropDown = function()
|
|
{
|
|
var $drop = $('.dropdown-icon');
|
|
$drop.toggleClass('rotate');
|
|
if($drop.hasClass('rotate'))
|
|
{
|
|
window.isDropdown = true;
|
|
window.unfoldContent();
|
|
}
|
|
else
|
|
{
|
|
window.isDropdown = false;
|
|
window.foldContent();
|
|
}
|
|
}
|
|
|
|
window.unfoldContent = function()
|
|
{
|
|
var $content = $('.checked-content');
|
|
var contentHeight = 48 + (window.lineCount - 1) * 40;
|
|
$content.height(contentHeight);
|
|
window.setMultiTableHeight(contentHeight);
|
|
|
|
setTimeout(function(){
|
|
$content.find('.gray-next').addClass('gray-visible');
|
|
$content.find('.gray-next').removeClass('gray-hidden');
|
|
}, 300);
|
|
}
|
|
|
|
window.foldContent = function()
|
|
{
|
|
var $content = $('.checked-content');
|
|
var contentHeight = 48;
|
|
$content.height(contentHeight);
|
|
window.setMultiTableHeight(contentHeight);
|
|
|
|
$content.find('.gray-next').addClass('gray-hidden');
|
|
$content.find('.gray-next').removeClass('gray-visible');
|
|
}
|
|
|
|
window.updateMetricBoxs = function(id, isChecked)
|
|
{
|
|
if(!isChecked)
|
|
{
|
|
$('#metricBox' + id).remove();
|
|
$('.table-and-charts').first().find('.metric-name').removeClass('metric-name-notfirst');
|
|
}
|
|
else
|
|
{
|
|
window.appendMetricBox(id);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 多选添加一个度量项到展示区。
|
|
* Add a metricBox.
|
|
*
|
|
* @access public
|
|
* @return void
|
|
*/
|
|
window.appendMetricBox = function(id, mode = 'add')
|
|
{
|
|
$.get($.createLink('metric', 'ajaxGetMultipleMetricBox', 'metricID=' + id), function(resp)
|
|
{
|
|
$('.table-and-charts').append(resp);
|
|
});
|
|
}
|
|
|
|
window.handleQueryClick = function(id, viewType = 'single')
|
|
{
|
|
var $form = $('#queryForm' + id);
|
|
var check = window.validateForm($form);
|
|
if(!check) return;
|
|
|
|
var formData = window.getFormData($form);
|
|
|
|
$.post($.createLink('metric', 'ajaxGetTableAndCharts', 'metricID=' + id + '&viewType=' + viewType), formData, function(resp)
|
|
{
|
|
if(viewType == 'multiple')
|
|
{
|
|
$('#metricBox' + id).find('.table-and-chart').replaceWith(resp);
|
|
}
|
|
else
|
|
{
|
|
$('.table-and-chart-single').replaceWith(resp);
|
|
}
|
|
});
|
|
}
|
|
|
|
window.validateForm = function($form)
|
|
{
|
|
var formSerialize = $form.serialize();
|
|
var formObj = window.parseSerialize(formSerialize);
|
|
|
|
var dateBegin = formObj.dateBegin?.length ? new Date(formObj.dateBegin) : false;
|
|
var dateEnd = formObj.dateEnd?.length ? new Date(formObj.dateEnd) : false;
|
|
var calcBegin = formObj.calcBegin?.length ? new Date(formObj.calcBegin) : false;
|
|
var calcEnd = formObj.calcEnd?.length ? new Date(formObj.calcEnd) : false;
|
|
|
|
if(dateBegin && dateEnd && dateBegin > dateEnd)
|
|
{
|
|
zui.Messager.show(errorDateRange, {type: 'danger', time: 2000});
|
|
return false;
|
|
}
|
|
if(calcBegin && calcEnd && calcBegin > calcEnd)
|
|
{
|
|
zui.Messager.show(errorCalcTimeRange, {type: 'danger', time: 2000});
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
|
|
window.getFormData = function($form)
|
|
{
|
|
var formSerialize = $form.serialize();
|
|
var formObj = window.parseSerialize(formSerialize);
|
|
|
|
var formData = new FormData();
|
|
for(var key in formObj)
|
|
{
|
|
formData.append(key, formObj[key]);
|
|
}
|
|
|
|
return formData;
|
|
}
|
|
|
|
window.collectMetric = function(id)
|
|
{
|
|
$.get($.createLink('metric', 'ajaxCollectMetric', 'metricID=' + id), function(resp)
|
|
{
|
|
var result = JSON.parse(resp);
|
|
$('.metric-collect').find('i').attr('class', result.collect ? 'icon icon-star star' : 'icon icon-star-empty star-empty');
|
|
});
|
|
}
|
|
|
|
window.toggleCollapsed = function()
|
|
{
|
|
$('.sidebar').toggleClass('is-collapsed');
|
|
}
|
|
|
|
window.renderCheckedLabel = function()
|
|
{
|
|
var $content = $('.checked-label-content');
|
|
if(!$content.length) return;
|
|
$content.empty();
|
|
|
|
var tpl = $('#item-tpl').html();
|
|
var labels = JSON.parse(JSON.stringify(window.checkedList));
|
|
var multi = labels.length > 1;
|
|
var width = Math.floor($content.width());
|
|
var left = width;
|
|
|
|
// 当nextLine 在left <= 0 中置true后，代表接下来的元素都是换行的
|
|
var nextLine = false;
|
|
var lineCount = 1;
|
|
|
|
var labelClass = 'label circle gray-pale';
|
|
if(multi) labelClass += ' gray-pale-withdelete';
|
|
|
|
for(var i = 0; i < labels.length; i++)
|
|
{
|
|
var classes = labelClass;
|
|
if(nextLine) classes += ' gray-next';
|
|
|
|
var label = labels[i];
|
|
var data = {
|
|
id: label.id,
|
|
name: label.name,
|
|
spanClass: classes,
|
|
multiple: multi ? '' : 'hidden',
|
|
};
|
|
var html = $(zui.formatString(tpl, data));
|
|
|
|
$content.append(html);
|
|
|
|
var $label = $content.find('[metric-id="' + label.id + '"]');
|
|
var labelWidth = $label.width();
|
|
var labelLeft = parseInt($label.css('padding-left')) + parseInt($label.css('margin-left'));
|
|
var labelRight = parseInt($label.css('padding-right')) + parseInt($label.css('margin-right'));
|
|
var labelWidth = Math.ceil(labelWidth + labelLeft + labelRight);
|
|
|
|
left = left - labelWidth;
|
|
if(left <= 0)
|
|
{
|
|
var $div = $label.find('.gray-pale-div');
|
|
var divWidth = $div.width();
|
|
|
|
if(divWidth < -left)
|
|
{
|
|
// 如果剩下的空间一点字都显示不下了，就换行
|
|
left = width - labelWidth;
|
|
// 如果列表是折叠的还没判定换行但是这一行一点字都显示不下，从这里加next类
|
|
if(!nextLine) $label.addClass('gray-next');
|
|
// 此时已经换行了，行数加1
|
|
lineCount ++;
|
|
}
|
|
else
|
|
{
|
|
// 通过设置div的宽度，减少文字的内容
|
|
$div.width(Math.floor($div.width()) - Math.ceil(-left) - 1);
|
|
// 换行了，重置left
|
|
left = width;
|
|
// 如果这个元素后面还有元素，说明行数要+1
|
|
if(i + 1 < labels.length) lineCount ++;
|
|
}
|
|
|
|
nextLine = true;
|
|
}
|
|
}
|
|
|
|
$(".metric-remove").addClass('hidden');
|
|
$('.details').removeClass('details-after');
|
|
if(!multi)
|
|
{
|
|
var maxSelectTipText = maxSelectTip.replace('%s', maxSelectNum);
|
|
$content.append(`<span class="label ghost gray-pale">${maxSelectTipText}</span>`);
|
|
}
|
|
else
|
|
{
|
|
$(".metric-remove").removeClass('hidden');
|
|
$('.details').addClass('details-after');
|
|
}
|
|
|
|
if(!window.isDropdown) $content.find('.gray-next').addClass('gray-hidden');
|
|
|
|
$('.dropdown-icon').addClass('visibility-hidden');
|
|
if(lineCount >= 2) $('.dropdown-icon').removeClass('visibility-hidden');
|
|
|
|
var contentHeight = 48 + (lineCount - 1) * 40;
|
|
if(window.lineCount != lineCount && window.isDropdown)
|
|
{
|
|
// 在展开状态缩放到只有一行了
|
|
if(lineCount == 1)
|
|
{
|
|
$('.dropdown-icon').toggleClass('rotate');
|
|
window.isDropdown = false;
|
|
window.foldContent();
|
|
}
|
|
// 在展开状态多了若干行, 或者少了若干行
|
|
else
|
|
{
|
|
$('.checked-content').height(contentHeight);
|
|
window.setMultiTableHeight(contentHeight);
|
|
}
|
|
}
|
|
|
|
window.lineCount = lineCount;
|
|
|
|
$('.checked-tip').html(selectCount.replace('%s', labels.length));
|
|
}
|
|
|
|
/* 纯函数 */
|
|
window.renderHeight = function()
|
|
{
|
|
return $('.table-side').height();
|
|
}
|
|
|
|
window.parseSerialize = function(serialize)
|
|
{
|
|
var result = {};
|
|
serialize = serialize.replaceAll('%5B%5D', '');
|
|
var items = serialize.split('&');
|
|
for(var i = 0; i < items.length; i++)
|
|
{
|
|
var item = items[i].split('=');
|
|
var key = item[0];
|
|
var value = item[1];
|
|
if(!result[key]) result[key] = [];
|
|
if(key.startsWith('scope'))
|
|
{
|
|
result[key].push(value);
|
|
}
|
|
else
|
|
{
|
|
result[key] = value;
|
|
}
|
|
}
|
|
return result;
|
|
}
|
|
|
|
window.generateCheckItem = function(text, value, scope, isChecked)
|
|
{
|
|
var checked = isChecked ? 'checked=""' : '';
|
|
var currentClass = isChecked ? 'metric-current' : '';
|
|
return `<div class="font-medium checkbox-primary ${currentClass}">
|
|
<input type="checkbox" id="metric${value}" name="metric" ${checked} value="${value}" scope="${scope}" onchange="window.handleCheckboxChange(this)">
|
|
<label for="metric${value}">${text}</label>
|
|
</div>`;
|
|
}
|
|
|
|
window.messagerWarning = function(message)
|
|
{
|
|
return zui.Messager.show({
|
|
content: message,
|
|
icon: 'icon-exclamation-pure',
|
|
iconClass: 'center w-6 h-6 rounded-full m-0 warning',
|
|
contentClass: 'text-lg font-bold',
|
|
close: false,
|
|
className: 'p-6 bg-white text-black gap-2 messager-fail',
|
|
});
|
|
}
|
|
|
|
window.setMultiTableHeight = function(contentHeight)
|
|
{
|
|
$('.table-and-charts').css('max-height', 'calc(100% - ' + contentHeight + 'px)');
|
|
}
|
|
|
|
window.updateCheckbox = function(id, isChecked)
|
|
{
|
|
var $el = $('.side .metric-tree .check-list input#metric' + id);
|
|
$el.prop('checked', isChecked);
|
|
if(isChecked)
|
|
{
|
|
return $el.closest('.checkbox-primary').addClass('metric-current');
|
|
}
|
|
|
|
$el.closest('.checkbox-primary').removeClass('metric-current');
|
|
}
|
|
|
|
window.genDataZoom = function(dataLength, initZoom = 10, axis = 'x')
|
|
{
|
|
var percent = initZoom / dataLength * 100;
|
|
percent = percent > 100 ? 100 : percent;
|
|
var dataZoom = {
|
|
start: 0,
|
|
end: percent,
|
|
};
|
|
if(axis == 'x') dataZoom.xAxisIndex = [0];
|
|
if(axis == 'y') dataZoom.yAxisIndex = [0];
|
|
return [dataZoom];
|
|
}
|
|
|
|
window.hideFilterPanel = function()
|
|
{
|
|
$('.filter-btn').removeClass('primary-600');
|
|
$('.filter-panel').addClass('hidden');
|
|
}
|
|
|
|
window.deactiveNavMenu = function()
|
|
{
|
|
var itemSelector = 'menu.nav-ajax .nav-item a';
|
|
$(itemSelector).removeClass('active');
|
|
$(itemSelector).find('span.label').remove();
|
|
}
|
|
|
|
window.genPieOption = function(datas)
|
|
{
|
|
var option = {
|
|
tooltip: {
|
|
trigger: 'item'
|
|
},
|
|
legend: {
|
|
orient: 'vertical',
|
|
left: 'left',
|
|
type: 'scroll'
|
|
},
|
|
series: [
|
|
{
|
|
type: 'pie',
|
|
radius: '50%',
|
|
data: datas.data,
|
|
emphasis: {
|
|
itemStyle: {
|
|
shadowBlur: 10,
|
|
shadowOffsetX: 0,
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
}
|
|
}
|
|
}
|
|
]
|
|
};
|
|
|
|
return option;
|
|
}
|
|
|
|
window.genLineBarOption = function(chartType, datas)
|
|
{
|
|
var option = {
|
|
grid: {
|
|
left: '10%',
|
|
right: '10%',
|
|
bottom: '15%',
|
|
containLabel: true
|
|
},
|
|
legend: datas.legend,
|
|
tooltip: {
|
|
trigger: 'axis',
|
|
axisPointer: {
|
|
type: 'cross',
|
|
label: {
|
|
backgroundColor: '#6a7985'
|
|
}
|
|
},
|
|
confine:true,//限制tooltip在图表范围内展示
|
|
extraCssText: 'max-height:60%;overflow-y:scroll',//最大高度以及超出处理
|
|
enterable:true//鼠标可以进入tooltip区域，使用滚动条
|
|
},
|
|
xAxis: chartType == 'barY' ? datas.yAxis : datas.xAxis,
|
|
yAxis: chartType == 'barY' ? datas.xAxis : datas.yAxis,
|
|
series: datas.series,
|
|
};
|
|
|
|
var dataLength = Array.isArray(datas.series) ? datas.series[0].data.length : datas.series.data.length;
|
|
if(dataLength > 15) option.dataZoom = window.genDataZoom(dataLength, 15, chartType == 'barY' ? 'y' : 'x');
|
|
|
|
return option;
|
|
}
|