PHP Classes

File: vendors/gentelella/vendors/echarts/src/chart/bar/BarView.js

Recommend this page to a friend!
  Classes of Jorge Castro   Gentelella BladeOne   vendors/gentelella/vendors/echarts/src/chart/bar/BarView.js   Download  
File: vendors/gentelella/vendors/echarts/src/chart/bar/BarView.js
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Gentelella BladeOne
Render templates using Bootstrap for presentation
Author: By
Last change:
Date: 3 years ago
Size: 8,020 bytes
 

Contents

Class file image Download
define(function (require) { 'use strict'; var zrUtil = require('zrender/core/util'); var graphic = require('../../util/graphic'); zrUtil.extend(require('../../model/Model').prototype, require('./barItemStyle')); function fixLayoutWithLineWidth(layout, lineWidth) { var signX = layout.width > 0 ? 1 : -1; var signY = layout.height > 0 ? 1 : -1; // In case width or height are too small. lineWidth = Math.min(lineWidth, Math.abs(layout.width), Math.abs(layout.height)); layout.x += signX * lineWidth / 2; layout.y += signY * lineWidth / 2; layout.width -= signX * lineWidth; layout.height -= signY * lineWidth; } return require('../../echarts').extendChartView({ type: 'bar', render: function (seriesModel, ecModel, api) { var coordinateSystemType = seriesModel.get('coordinateSystem'); if (coordinateSystemType === 'cartesian2d') { this._renderOnCartesian(seriesModel, ecModel, api); } return this.group; }, _renderOnCartesian: function (seriesModel, ecModel, api) { var group = this.group; var data = seriesModel.getData(); var oldData = this._data; var cartesian = seriesModel.coordinateSystem; var baseAxis = cartesian.getBaseAxis(); var isHorizontal = baseAxis.isHorizontal(); var enableAnimation = seriesModel.get('animation'); var barBorderWidthQuery = ['itemStyle', 'normal', 'barBorderWidth']; function createRect(dataIndex, isUpdate) { var layout = data.getItemLayout(dataIndex); var lineWidth = data.getItemModel(dataIndex).get(barBorderWidthQuery) || 0; fixLayoutWithLineWidth(layout, lineWidth); var rect = new graphic.Rect({ shape: zrUtil.extend({}, layout) }); // Animation if (enableAnimation) { var rectShape = rect.shape; var animateProperty = isHorizontal ? 'height' : 'width'; var animateTarget = {}; rectShape[animateProperty] = 0; animateTarget[animateProperty] = layout[animateProperty]; graphic[isUpdate? 'updateProps' : 'initProps'](rect, { shape: animateTarget }, seriesModel, dataIndex); } return rect; } data.diff(oldData) .add(function (dataIndex) { // ??? if (!data.hasValue(dataIndex)) { return; } var rect = createRect(dataIndex); data.setItemGraphicEl(dataIndex, rect); group.add(rect); }) .update(function (newIndex, oldIndex) { var rect = oldData.getItemGraphicEl(oldIndex); // ??? if (!data.hasValue(newIndex)) { group.remove(rect); return; } if (!rect) { rect = createRect(newIndex, true); } var layout = data.getItemLayout(newIndex); var lineWidth = data.getItemModel(newIndex).get(barBorderWidthQuery) || 0; fixLayoutWithLineWidth(layout, lineWidth); graphic.updateProps(rect, { shape: layout }, seriesModel, newIndex); data.setItemGraphicEl(newIndex, rect); // Add back group.add(rect); }) .remove(function (idx) { var rect = oldData.getItemGraphicEl(idx); if (rect) { // Not show text when animating rect.style.text = ''; graphic.updateProps(rect, { shape: { width: 0 } }, seriesModel, idx, function () { group.remove(rect); }); } }) .execute(); this._updateStyle(seriesModel, data, isHorizontal); this._data = data; }, _updateStyle: function (seriesModel, data, isHorizontal) { function setLabel(style, model, color, labelText, labelPositionOutside) { graphic.setText(style, model, color); style.text = labelText; if (style.textPosition === 'outside') { style.textPosition = labelPositionOutside; } } data.eachItemGraphicEl(function (rect, idx) { var itemModel = data.getItemModel(idx); var color = data.getItemVisual(idx, 'color'); var opacity = data.getItemVisual(idx, 'opacity'); var layout = data.getItemLayout(idx); var itemStyleModel = itemModel.getModel('itemStyle.normal'); var hoverStyle = itemModel.getModel('itemStyle.emphasis').getBarItemStyle(); rect.setShape('r', itemStyleModel.get('barBorderRadius') || 0); rect.useStyle(zrUtil.defaults( { fill: color, opacity: opacity }, itemStyleModel.getBarItemStyle() )); var labelPositionOutside = isHorizontal ? (layout.height > 0 ? 'bottom' : 'top') : (layout.width > 0 ? 'left' : 'right'); var labelModel = itemModel.getModel('label.normal'); var hoverLabelModel = itemModel.getModel('label.emphasis'); var rectStyle = rect.style; if (labelModel.get('show')) { setLabel( rectStyle, labelModel, color, zrUtil.retrieve( seriesModel.getFormattedLabel(idx, 'normal'), seriesModel.getRawValue(idx) ), labelPositionOutside ); } else { rectStyle.text = ''; } if (hoverLabelModel.get('show')) { setLabel( hoverStyle, hoverLabelModel, color, zrUtil.retrieve( seriesModel.getFormattedLabel(idx, 'emphasis'), seriesModel.getRawValue(idx) ), labelPositionOutside ); } else { hoverStyle.text = ''; } graphic.setHoverStyle(rect, hoverStyle); }); }, remove: function (ecModel, api) { var group = this.group; if (ecModel.get('animation')) { if (this._data) { this._data.eachItemGraphicEl(function (el) { // Not show text when animating el.style.text = ''; graphic.updateProps(el, { shape: { width: 0 } }, ecModel, el.dataIndex, function () { group.remove(el); }); }); } } else { group.removeAll(); } } }); });