ThemeRiverSeries.js 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261
  1. /*
  2. * Licensed to the Apache Software Foundation (ASF) under one
  3. * or more contributor license agreements. See the NOTICE file
  4. * distributed with this work for additional information
  5. * regarding copyright ownership. The ASF licenses this file
  6. * to you under the Apache License, Version 2.0 (the
  7. * "License"); you may not use this file except in compliance
  8. * with the License. You may obtain a copy of the License at
  9. *
  10. * http://www.apache.org/licenses/LICENSE-2.0
  11. *
  12. * Unless required by applicable law or agreed to in writing,
  13. * software distributed under the License is distributed on an
  14. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  15. * KIND, either express or implied. See the License for the
  16. * specific language governing permissions and limitations
  17. * under the License.
  18. */
  19. /**
  20. * AUTO-GENERATED FILE. DO NOT MODIFY.
  21. */
  22. /*
  23. * Licensed to the Apache Software Foundation (ASF) under one
  24. * or more contributor license agreements. See the NOTICE file
  25. * distributed with this work for additional information
  26. * regarding copyright ownership. The ASF licenses this file
  27. * to you under the Apache License, Version 2.0 (the
  28. * "License"); you may not use this file except in compliance
  29. * with the License. You may obtain a copy of the License at
  30. *
  31. * http://www.apache.org/licenses/LICENSE-2.0
  32. *
  33. * Unless required by applicable law or agreed to in writing,
  34. * software distributed under the License is distributed on an
  35. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  36. * KIND, either express or implied. See the License for the
  37. * specific language governing permissions and limitations
  38. * under the License.
  39. */
  40. import { __extends } from "tslib";
  41. import SeriesModel from '../../model/Series.js';
  42. import prepareSeriesDataSchema from '../../data/helper/createDimensions.js';
  43. import { getDimensionTypeByAxis } from '../../data/helper/dimensionHelper.js';
  44. import SeriesData from '../../data/SeriesData.js';
  45. import * as zrUtil from 'zrender/lib/core/util.js';
  46. import { groupData, SINGLE_REFERRING } from '../../util/model.js';
  47. import LegendVisualProvider from '../../visual/LegendVisualProvider.js';
  48. import { createTooltipMarkup } from '../../component/tooltip/tooltipMarkup.js';
  49. var DATA_NAME_INDEX = 2;
  50. export var SERIES_TYPE_THEME_RIVER = 'themeRiver';
  51. var ThemeRiverSeriesModel = /** @class */function (_super) {
  52. __extends(ThemeRiverSeriesModel, _super);
  53. function ThemeRiverSeriesModel() {
  54. var _this = _super !== null && _super.apply(this, arguments) || this;
  55. _this.type = ThemeRiverSeriesModel.type;
  56. return _this;
  57. }
  58. /**
  59. * @override
  60. */
  61. ThemeRiverSeriesModel.prototype.init = function (option) {
  62. // eslint-disable-next-line
  63. _super.prototype.init.apply(this, arguments);
  64. // Put this function here is for the sake of consistency of code style.
  65. // Enable legend selection for each data item
  66. // Use a function instead of direct access because data reference may changed
  67. this.legendVisualProvider = new LegendVisualProvider(zrUtil.bind(this.getData, this), zrUtil.bind(this.getRawData, this));
  68. };
  69. /**
  70. * If there is no value of a certain point in the time for some event,set it value to 0.
  71. *
  72. * @param {Array} data initial data in the option
  73. * @return {Array}
  74. */
  75. ThemeRiverSeriesModel.prototype.fixData = function (data) {
  76. var rawDataLength = data.length;
  77. /**
  78. * Make sure every layer data get the same keys.
  79. * The value index tells which layer has visited.
  80. * {
  81. * 2014/01/01: -1
  82. * }
  83. */
  84. var timeValueKeys = {};
  85. // grouped data by name
  86. var groupResult = groupData(data, function (item) {
  87. if (!timeValueKeys.hasOwnProperty(item[0] + '')) {
  88. timeValueKeys[item[0] + ''] = -1;
  89. }
  90. return item[2];
  91. });
  92. var layerData = [];
  93. groupResult.buckets.each(function (items, key) {
  94. layerData.push({
  95. name: key,
  96. dataList: items
  97. });
  98. });
  99. var layerNum = layerData.length;
  100. for (var k = 0; k < layerNum; ++k) {
  101. var name_1 = layerData[k].name;
  102. for (var j = 0; j < layerData[k].dataList.length; ++j) {
  103. var timeValue = layerData[k].dataList[j][0] + '';
  104. timeValueKeys[timeValue] = k;
  105. }
  106. for (var timeValue in timeValueKeys) {
  107. if (timeValueKeys.hasOwnProperty(timeValue) && timeValueKeys[timeValue] !== k) {
  108. timeValueKeys[timeValue] = k;
  109. data[rawDataLength] = [timeValue, 0, name_1];
  110. rawDataLength++;
  111. }
  112. }
  113. }
  114. return data;
  115. };
  116. /**
  117. * @override
  118. * @param option the initial option that user gave
  119. * @param ecModel the model object for themeRiver option
  120. */
  121. ThemeRiverSeriesModel.prototype.getInitialData = function (option, ecModel) {
  122. var singleAxisModel = this.getReferringComponents('singleAxis', SINGLE_REFERRING).models[0];
  123. var axisType = singleAxisModel.get('type');
  124. // filter the data item with the value of label is undefined
  125. var filterData = zrUtil.filter(option.data, function (dataItem) {
  126. return dataItem[2] !== undefined;
  127. });
  128. // ??? TODO design a stage to transfer data for themeRiver and lines?
  129. var data = this.fixData(filterData || []);
  130. var nameList = [];
  131. var nameMap = this.nameMap = zrUtil.createHashMap();
  132. var count = 0;
  133. for (var i = 0; i < data.length; ++i) {
  134. nameList.push(data[i][DATA_NAME_INDEX]);
  135. if (!nameMap.get(data[i][DATA_NAME_INDEX])) {
  136. nameMap.set(data[i][DATA_NAME_INDEX], count);
  137. count++;
  138. }
  139. }
  140. var dimensions = prepareSeriesDataSchema(data, {
  141. coordDimensions: ['single'],
  142. dimensionsDefine: [{
  143. name: 'time',
  144. type: getDimensionTypeByAxis(axisType)
  145. }, {
  146. name: 'value',
  147. type: 'float'
  148. }, {
  149. name: 'name',
  150. type: 'ordinal'
  151. }],
  152. encodeDefine: {
  153. single: 0,
  154. value: 1,
  155. itemName: 2
  156. }
  157. }).dimensions;
  158. var list = new SeriesData(dimensions, this);
  159. list.initData(data);
  160. return list;
  161. };
  162. /**
  163. * The raw data is divided into multiple layers and each layer
  164. * has same name.
  165. */
  166. ThemeRiverSeriesModel.prototype.getLayerSeries = function () {
  167. var data = this.getData();
  168. var lenCount = data.count();
  169. var indexArr = [];
  170. for (var i = 0; i < lenCount; ++i) {
  171. indexArr[i] = i;
  172. }
  173. var timeDim = data.mapDimension('single');
  174. // data group by name
  175. var groupResult = groupData(indexArr, function (index) {
  176. return data.get('name', index);
  177. });
  178. var layerSeries = [];
  179. groupResult.buckets.each(function (items, key) {
  180. items.sort(function (index1, index2) {
  181. return data.get(timeDim, index1) - data.get(timeDim, index2);
  182. });
  183. layerSeries.push({
  184. name: key,
  185. indices: items
  186. });
  187. });
  188. return layerSeries;
  189. };
  190. /**
  191. * Get data indices for show tooltip content
  192. */
  193. ThemeRiverSeriesModel.prototype.getAxisTooltipData = function (dim, value, baseAxis) {
  194. if (!zrUtil.isArray(dim)) {
  195. dim = dim ? [dim] : [];
  196. }
  197. var data = this.getData();
  198. var layerSeries = this.getLayerSeries();
  199. var indices = [];
  200. var layerNum = layerSeries.length;
  201. var nestestValue;
  202. for (var i = 0; i < layerNum; ++i) {
  203. var minDist = Number.MAX_VALUE;
  204. var nearestIdx = -1;
  205. var pointNum = layerSeries[i].indices.length;
  206. for (var j = 0; j < pointNum; ++j) {
  207. var theValue = data.get(dim[0], layerSeries[i].indices[j]);
  208. var dist = Math.abs(theValue - value);
  209. if (dist <= minDist) {
  210. nestestValue = theValue;
  211. minDist = dist;
  212. nearestIdx = layerSeries[i].indices[j];
  213. }
  214. }
  215. indices.push(nearestIdx);
  216. }
  217. return {
  218. dataIndices: indices,
  219. nestestValue: nestestValue
  220. };
  221. };
  222. ThemeRiverSeriesModel.prototype.formatTooltip = function (dataIndex, multipleSeries, dataType) {
  223. var data = this.getData();
  224. var name = data.getName(dataIndex);
  225. var value = data.get(data.mapDimension('value'), dataIndex);
  226. return createTooltipMarkup('nameValue', {
  227. name: name,
  228. value: value
  229. });
  230. };
  231. ThemeRiverSeriesModel.type = 'series.' + SERIES_TYPE_THEME_RIVER;
  232. ThemeRiverSeriesModel.dependencies = ['singleAxis'];
  233. ThemeRiverSeriesModel.defaultOption = {
  234. // zlevel: 0,
  235. z: 2,
  236. colorBy: 'data',
  237. coordinateSystem: 'singleAxis',
  238. // gap in axis's orthogonal orientation
  239. boundaryGap: ['10%', '10%'],
  240. // legendHoverLink: true,
  241. singleAxisIndex: 0,
  242. animationEasing: 'linear',
  243. label: {
  244. margin: 4,
  245. show: true,
  246. position: 'left',
  247. fontSize: 11
  248. },
  249. emphasis: {
  250. label: {
  251. show: true
  252. }
  253. }
  254. };
  255. return ThemeRiverSeriesModel;
  256. }(SeriesModel);
  257. export default ThemeRiverSeriesModel;