204 lines
6.9 KiB
JavaScript
204 lines
6.9 KiB
JavaScript
|
||
/*
|
||
* Licensed to the Apache Software Foundation (ASF) under one
|
||
* or more contributor license agreements. See the NOTICE file
|
||
* distributed with this work for additional information
|
||
* regarding copyright ownership. The ASF licenses this file
|
||
* to you under the Apache License, Version 2.0 (the
|
||
* "License"); you may not use this file except in compliance
|
||
* with the License. You may obtain a copy of the License at
|
||
*
|
||
* http://www.apache.org/licenses/LICENSE-2.0
|
||
*
|
||
* Unless required by applicable law or agreed to in writing,
|
||
* software distributed under the License is distributed on an
|
||
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||
* KIND, either express or implied. See the License for the
|
||
* specific language governing permissions and limitations
|
||
* under the License.
|
||
*/
|
||
|
||
var echarts = require("../../echarts");
|
||
|
||
var createListSimply = require("../helper/createListSimply");
|
||
|
||
var zrUtil = require("zrender/lib/core/util");
|
||
|
||
var modelUtil = require("../../util/model");
|
||
|
||
var _number = require("../../util/number");
|
||
|
||
var getPercentWithPrecision = _number.getPercentWithPrecision;
|
||
|
||
var dataSelectableMixin = require("../../component/helper/selectableMixin");
|
||
|
||
var _dataProvider = require("../../data/helper/dataProvider");
|
||
|
||
var retrieveRawAttr = _dataProvider.retrieveRawAttr;
|
||
|
||
var _sourceHelper = require("../../data/helper/sourceHelper");
|
||
|
||
var makeSeriesEncodeForNameBased = _sourceHelper.makeSeriesEncodeForNameBased;
|
||
|
||
var LegendVisualProvider = require("../../visual/LegendVisualProvider");
|
||
|
||
/*
|
||
* Licensed to the Apache Software Foundation (ASF) under one
|
||
* or more contributor license agreements. See the NOTICE file
|
||
* distributed with this work for additional information
|
||
* regarding copyright ownership. The ASF licenses this file
|
||
* to you under the Apache License, Version 2.0 (the
|
||
* "License"); you may not use this file except in compliance
|
||
* with the License. You may obtain a copy of the License at
|
||
*
|
||
* http://www.apache.org/licenses/LICENSE-2.0
|
||
*
|
||
* Unless required by applicable law or agreed to in writing,
|
||
* software distributed under the License is distributed on an
|
||
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||
* KIND, either express or implied. See the License for the
|
||
* specific language governing permissions and limitations
|
||
* under the License.
|
||
*/
|
||
var PieSeries = echarts.extendSeriesModel({
|
||
type: 'series.pie',
|
||
// Overwrite
|
||
init: function (option) {
|
||
PieSeries.superApply(this, 'init', arguments); // Enable legend selection for each data item
|
||
// Use a function instead of direct access because data reference may changed
|
||
|
||
this.legendVisualProvider = new LegendVisualProvider(zrUtil.bind(this.getData, this), zrUtil.bind(this.getRawData, this));
|
||
this.updateSelectedMap(this._createSelectableList());
|
||
|
||
this._defaultLabelLine(option);
|
||
},
|
||
// Overwrite
|
||
mergeOption: function (newOption) {
|
||
PieSeries.superCall(this, 'mergeOption', newOption);
|
||
this.updateSelectedMap(this._createSelectableList());
|
||
},
|
||
getInitialData: function (option, ecModel) {
|
||
return createListSimply(this, {
|
||
coordDimensions: ['value'],
|
||
encodeDefaulter: zrUtil.curry(makeSeriesEncodeForNameBased, this)
|
||
});
|
||
},
|
||
_createSelectableList: function () {
|
||
var data = this.getRawData();
|
||
var valueDim = data.mapDimension('value');
|
||
var targetList = [];
|
||
|
||
for (var i = 0, len = data.count(); i < len; i++) {
|
||
targetList.push({
|
||
name: data.getName(i),
|
||
value: data.get(valueDim, i),
|
||
selected: retrieveRawAttr(data, i, 'selected')
|
||
});
|
||
}
|
||
|
||
return targetList;
|
||
},
|
||
// Overwrite
|
||
getDataParams: function (dataIndex) {
|
||
var data = this.getData();
|
||
var params = PieSeries.superCall(this, 'getDataParams', dataIndex); // FIXME toFixed?
|
||
|
||
var valueList = [];
|
||
data.each(data.mapDimension('value'), function (value) {
|
||
valueList.push(value);
|
||
});
|
||
params.percent = getPercentWithPrecision(valueList, dataIndex, data.hostModel.get('percentPrecision'));
|
||
params.$vars.push('percent');
|
||
return params;
|
||
},
|
||
_defaultLabelLine: function (option) {
|
||
// Extend labelLine emphasis
|
||
modelUtil.defaultEmphasis(option, 'labelLine', ['show']);
|
||
var labelLineNormalOpt = option.labelLine;
|
||
var labelLineEmphasisOpt = option.emphasis.labelLine; // Not show label line if `label.normal.show = false`
|
||
|
||
labelLineNormalOpt.show = labelLineNormalOpt.show && option.label.show;
|
||
labelLineEmphasisOpt.show = labelLineEmphasisOpt.show && option.emphasis.label.show;
|
||
},
|
||
defaultOption: {
|
||
zlevel: 0,
|
||
z: 2,
|
||
legendHoverLink: true,
|
||
hoverAnimation: true,
|
||
// 默认全局居中
|
||
center: ['50%', '50%'],
|
||
radius: [0, '75%'],
|
||
// 默认顺时针
|
||
clockwise: true,
|
||
startAngle: 90,
|
||
// 最小角度改为0
|
||
minAngle: 0,
|
||
// If the angle of a sector less than `minShowLabelAngle`,
|
||
// the label will not be displayed.
|
||
minShowLabelAngle: 0,
|
||
// 选中时扇区偏移量
|
||
selectedOffset: 10,
|
||
// 高亮扇区偏移量
|
||
hoverOffset: 10,
|
||
// If use strategy to avoid label overlapping
|
||
avoidLabelOverlap: true,
|
||
// 选择模式，默认关闭，可选single，multiple
|
||
// selectedMode: false,
|
||
// 南丁格尔玫瑰图模式，'radius'（半径） | 'area'（面积）
|
||
// roseType: null,
|
||
percentPrecision: 2,
|
||
// If still show when all data zero.
|
||
stillShowZeroSum: true,
|
||
// cursor: null,
|
||
left: 0,
|
||
top: 0,
|
||
right: 0,
|
||
bottom: 0,
|
||
width: null,
|
||
height: null,
|
||
label: {
|
||
// If rotate around circle
|
||
rotate: false,
|
||
show: true,
|
||
// 'outer', 'inside', 'center'
|
||
position: 'outer',
|
||
// 'none', 'labelLine', 'edge'. Works only when position is 'outer'
|
||
alignTo: 'none',
|
||
// Closest distance between label and chart edge.
|
||
// Works only position is 'outer' and alignTo is 'edge'.
|
||
margin: '25%',
|
||
// Works only position is 'outer' and alignTo is not 'edge'.
|
||
bleedMargin: 10,
|
||
// Distance between text and label line.
|
||
distanceToLabelLine: 5 // formatter: 标签文本格式器，同Tooltip.formatter，不支持异步回调
|
||
// 默认使用全局文本样式，详见TEXTSTYLE
|
||
// distance: 当position为inner时有效，为label位置到圆心的距离与圆半径(环状图为内外半径和)的比例系数
|
||
|
||
},
|
||
// Enabled when label.normal.position is 'outer'
|
||
labelLine: {
|
||
show: true,
|
||
// 引导线两段中的第一段长度
|
||
length: 15,
|
||
// 引导线两段中的第二段长度
|
||
length2: 15,
|
||
smooth: false,
|
||
lineStyle: {
|
||
// color: 各异,
|
||
width: 1,
|
||
type: 'solid'
|
||
}
|
||
},
|
||
itemStyle: {
|
||
borderWidth: 1
|
||
},
|
||
// Animation type. Valid values: expansion, scale
|
||
animationType: 'expansion',
|
||
// Animation type when update. Valid values: transition, expansion
|
||
animationTypeUpdate: 'transition',
|
||
animationEasing: 'cubicOut'
|
||
}
|
||
});
|
||
zrUtil.mixin(PieSeries, dataSelectableMixin);
|
||
var _default = PieSeries;
|
||
module.exports = _default; |