123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140 |
- /*
- * 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 zrUtil = require("zrender/lib/core/util");
- var createListSimply = require("../helper/createListSimply");
- var _model = require("../../util/model");
- var defaultEmphasis = _model.defaultEmphasis;
- 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 FunnelSeries = echarts.extendSeriesModel({
- type: 'series.funnel',
- init: function (option) {
- FunnelSeries.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)); // Extend labelLine emphasis
- this._defaultLabelLine(option);
- },
- getInitialData: function (option, ecModel) {
- return createListSimply(this, {
- coordDimensions: ['value'],
- encodeDefaulter: zrUtil.curry(makeSeriesEncodeForNameBased, this)
- });
- },
- _defaultLabelLine: function (option) {
- // Extend labelLine emphasis
- 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;
- },
- // Overwrite
- getDataParams: function (dataIndex) {
- var data = this.getData();
- var params = FunnelSeries.superCall(this, 'getDataParams', dataIndex);
- var valueDim = data.mapDimension('value');
- var sum = data.getSum(valueDim); // Percent is 0 if sum is 0
- params.percent = !sum ? 0 : +(data.get(valueDim, dataIndex) / sum * 100).toFixed(2);
- params.$vars.push('percent');
- return params;
- },
- defaultOption: {
- zlevel: 0,
- // 一级层叠
- z: 2,
- // 二级层叠
- legendHoverLink: true,
- left: 80,
- top: 60,
- right: 80,
- bottom: 60,
- // width: {totalWidth} - left - right,
- // height: {totalHeight} - top - bottom,
- // 默认取数据最小最大值
- // min: 0,
- // max: 100,
- minSize: '0%',
- maxSize: '100%',
- sort: 'descending',
- // 'ascending', 'descending'
- orient: 'vertical',
- gap: 0,
- funnelAlign: 'center',
- label: {
- show: true,
- position: 'outer' // formatter: 标签文本格式器,同Tooltip.formatter,不支持异步回调
- },
- labelLine: {
- show: true,
- length: 20,
- lineStyle: {
- // color: 各异,
- width: 1,
- type: 'solid'
- }
- },
- itemStyle: {
- // color: 各异,
- borderColor: '#fff',
- borderWidth: 1
- },
- emphasis: {
- label: {
- show: true
- }
- }
- }
- });
- var _default = FunnelSeries;
- module.exports = _default;
|