UNPKG

echarts-nightly

Version:

Apache ECharts is a powerful, interactive charting and data visualization library for browser

568 lines (564 loc) 23.3 kB
/* * 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. */ /** * AUTO-GENERATED FILE. DO NOT MODIFY. */ /* * 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. */ import { __extends } from "tslib"; /* * A third-party license is embedded for some of the code in this file: * The "scaleLevels" was originally copied from "d3.js" with some * modifications made for this project. * (See more details in the comment on the definition of "scaleLevels" below.) * The use of the source code of this file is also subject to the terms * and consitions of the license of "d3.js" (BSD-3Clause, see * </licenses/LICENSE-d3>). */ // [About UTC and local time zone]: // In most cases, `number.parseDate` will treat input data string as local time // (except time zone is specified in time string). And `format.formateTime` returns // local time by default. option.useUTC is false by default. This design has // considered these common cases: // (1) Time that is persistent in server is in UTC, but it is needed to be displayed // in local time by default. // (2) By default, the input data string (e.g., '2011-01-02') should be displayed // as its original time, without any time difference. import * as numberUtil from '../util/number.js'; import { ONE_SECOND, ONE_MINUTE, ONE_HOUR, ONE_DAY, ONE_YEAR, format, leveledFormat, timeUnits, fullLeveledFormatter, getPrimaryTimeUnit, isPrimaryTimeUnit, getDefaultFormatPrecisionOfInterval, fullYearGetterName, monthSetterName, fullYearSetterName, dateSetterName, hoursGetterName, hoursSetterName, minutesSetterName, secondsSetterName, millisecondsSetterName, monthGetterName, dateGetterName, minutesGetterName, secondsGetterName, millisecondsGetterName, getUnitFromValue, primaryTimeUnits, roundTime } from '../util/time.js'; import * as scaleHelper from './helper.js'; import IntervalScale from './Interval.js'; import Scale from './Scale.js'; import { warn } from '../util/log.js'; import { each, filter, indexOf, isNumber, map } from 'zrender/lib/core/util.js'; import { getScaleBreakHelper } from './break.js'; // FIXME 公用? var bisect = function (a, x, lo, hi) { while (lo < hi) { var mid = lo + hi >>> 1; if (a[mid][1] < x) { lo = mid + 1; } else { hi = mid; } } return lo; }; var TimeScale = /** @class */function (_super) { __extends(TimeScale, _super); function TimeScale(settings) { var _this = _super.call(this, settings) || this; _this.type = 'time'; return _this; } /** * Get label is mainly for other components like dataZoom, tooltip. */ TimeScale.prototype.getLabel = function (tick) { var useUTC = this.getSetting('useUTC'); return format(tick.value, fullLeveledFormatter[getDefaultFormatPrecisionOfInterval(getPrimaryTimeUnit(this._minLevelUnit))] || fullLeveledFormatter.second, useUTC, this.getSetting('locale')); }; TimeScale.prototype.getFormattedLabel = function (tick, idx, labelFormatter) { var isUTC = this.getSetting('useUTC'); var lang = this.getSetting('locale'); return leveledFormat(tick, idx, labelFormatter, lang, isUTC); }; /** * @override */ TimeScale.prototype.getTicks = function (opt) { opt = opt || {}; var interval = this._interval; var extent = this._extent; var scaleBreakHelper = getScaleBreakHelper(); var ticks = []; // If interval is 0, return []; if (!interval) { return ticks; } var useUTC = this.getSetting('useUTC'); if (scaleBreakHelper && opt.breakTicks === 'only_break') { getScaleBreakHelper().addBreaksToTicks(ticks, this._brkCtx.breaks, this._extent); return ticks; } var extent0Unit = getUnitFromValue(extent[1], useUTC); ticks.push({ value: extent[0], time: { level: 0, upperTimeUnit: extent0Unit, lowerTimeUnit: extent0Unit } }); var innerTicks = getIntervalTicks(this._minLevelUnit, this._approxInterval, useUTC, extent, this._getExtentSpanWithBreaks(), this._brkCtx); ticks = ticks.concat(innerTicks); var extent1Unit = getUnitFromValue(extent[1], useUTC); ticks.push({ value: extent[1], time: { level: 0, upperTimeUnit: extent1Unit, lowerTimeUnit: extent1Unit } }); var isUTC = this.getSetting('useUTC'); var upperUnitIndex = primaryTimeUnits.length - 1; var maxLevel = 0; each(ticks, function (tick) { upperUnitIndex = Math.min(upperUnitIndex, indexOf(primaryTimeUnits, tick.time.upperTimeUnit)); maxLevel = Math.max(maxLevel, tick.time.level); }); if (scaleBreakHelper) { getScaleBreakHelper().pruneTicksByBreak(opt.pruneByBreak, ticks, this._brkCtx.breaks, function (item) { return item.value; }, this._approxInterval, this._extent); } if (scaleBreakHelper && opt.breakTicks !== 'none') { getScaleBreakHelper().addBreaksToTicks(ticks, this._brkCtx.breaks, this._extent, function (trimmedBrk) { // @see `parseTimeAxisLabelFormatterDictionary`. var lowerBrkUnitIndex = Math.max(indexOf(primaryTimeUnits, getUnitFromValue(trimmedBrk.vmin, isUTC)), indexOf(primaryTimeUnits, getUnitFromValue(trimmedBrk.vmax, isUTC))); var upperBrkUnitIndex = 0; for (var unitIdx = 0; unitIdx < primaryTimeUnits.length; unitIdx++) { if (!isPrimaryUnitValueAndGreaterSame(primaryTimeUnits[unitIdx], trimmedBrk.vmin, trimmedBrk.vmax, isUTC)) { upperBrkUnitIndex = unitIdx; break; } } var upperIdx = Math.min(upperBrkUnitIndex, upperUnitIndex); var lowerIdx = Math.max(upperIdx, lowerBrkUnitIndex); return { level: maxLevel, lowerTimeUnit: primaryTimeUnits[lowerIdx], upperTimeUnit: primaryTimeUnits[upperIdx] }; }); } return ticks; }; TimeScale.prototype.calcNiceExtent = function (opt) { var extent = this.getExtent(); // If extent start and end are same, expand them if (extent[0] === extent[1]) { // Expand extent extent[0] -= ONE_DAY; extent[1] += ONE_DAY; } // If there are no data and extent are [Infinity, -Infinity] if (extent[1] === -Infinity && extent[0] === Infinity) { var d = new Date(); extent[1] = +new Date(d.getFullYear(), d.getMonth(), d.getDate()); extent[0] = extent[1] - ONE_DAY; } this._innerSetExtent(extent[0], extent[1]); this.calcNiceTicks(opt.splitNumber, opt.minInterval, opt.maxInterval); }; TimeScale.prototype.calcNiceTicks = function (approxTickNum, minInterval, maxInterval) { approxTickNum = approxTickNum || 10; var span = this._getExtentSpanWithBreaks(); this._approxInterval = span / approxTickNum; if (minInterval != null && this._approxInterval < minInterval) { this._approxInterval = minInterval; } if (maxInterval != null && this._approxInterval > maxInterval) { this._approxInterval = maxInterval; } var scaleIntervalsLen = scaleIntervals.length; var idx = Math.min(bisect(scaleIntervals, this._approxInterval, 0, scaleIntervalsLen), scaleIntervalsLen - 1); // Interval that can be used to calculate ticks this._interval = scaleIntervals[idx][1]; this._intervalPrecision = scaleHelper.getIntervalPrecision(this._interval); // Min level used when picking ticks from top down. // We check one more level to avoid the ticks are to sparse in some case. this._minLevelUnit = scaleIntervals[Math.max(idx - 1, 0)][0]; }; TimeScale.prototype.parse = function (val) { // val might be float. return isNumber(val) ? val : +numberUtil.parseDate(val); }; TimeScale.prototype.contain = function (val) { return scaleHelper.contain(val, this._extent); }; TimeScale.prototype.normalize = function (val) { return this._calculator.normalize(val, this._extent); }; TimeScale.prototype.scale = function (val) { return this._calculator.scale(val, this._extent); }; TimeScale.type = 'time'; return TimeScale; }(IntervalScale); /** * This implementation was originally copied from "d3.js" * <https://github.com/d3/d3/blob/b516d77fb8566b576088e73410437494717ada26/src/time/scale.js> * with some modifications made for this program. * See the license statement at the head of this file. */ var scaleIntervals = [ // Format interval ['second', ONE_SECOND], ['minute', ONE_MINUTE], ['hour', ONE_HOUR], ['quarter-day', ONE_HOUR * 6], ['half-day', ONE_HOUR * 12], ['day', ONE_DAY * 1.2], ['half-week', ONE_DAY * 3.5], ['week', ONE_DAY * 7], ['month', ONE_DAY * 31], ['quarter', ONE_DAY * 95], ['half-year', ONE_YEAR / 2], ['year', ONE_YEAR] // 1Y ]; function isPrimaryUnitValueAndGreaterSame(unit, valueA, valueB, isUTC) { return roundTime(new Date(valueA), unit, isUTC).getTime() === roundTime(new Date(valueB), unit, isUTC).getTime(); } // function isUnitValueSame( // unit: PrimaryTimeUnit, // valueA: number, // valueB: number, // isUTC: boolean // ): boolean { // const dateA = numberUtil.parseDate(valueA) as any; // const dateB = numberUtil.parseDate(valueB) as any; // const isSame = (unit: PrimaryTimeUnit) => { // return getUnitValue(dateA, unit, isUTC) // === getUnitValue(dateB, unit, isUTC); // }; // const isSameYear = () => isSame('year'); // // const isSameHalfYear = () => isSameYear() && isSame('half-year'); // // const isSameQuater = () => isSameYear() && isSame('quarter'); // const isSameMonth = () => isSameYear() && isSame('month'); // const isSameDay = () => isSameMonth() && isSame('day'); // // const isSameHalfDay = () => isSameDay() && isSame('half-day'); // const isSameHour = () => isSameDay() && isSame('hour'); // const isSameMinute = () => isSameHour() && isSame('minute'); // const isSameSecond = () => isSameMinute() && isSame('second'); // const isSameMilliSecond = () => isSameSecond() && isSame('millisecond'); // switch (unit) { // case 'year': // return isSameYear(); // case 'month': // return isSameMonth(); // case 'day': // return isSameDay(); // case 'hour': // return isSameHour(); // case 'minute': // return isSameMinute(); // case 'second': // return isSameSecond(); // case 'millisecond': // return isSameMilliSecond(); // } // } // const primaryUnitGetters = { // year: fullYearGetterName(), // month: monthGetterName(), // day: dateGetterName(), // hour: hoursGetterName(), // minute: minutesGetterName(), // second: secondsGetterName(), // millisecond: millisecondsGetterName() // }; // const primaryUnitUTCGetters = { // year: fullYearGetterName(true), // month: monthGetterName(true), // day: dateGetterName(true), // hour: hoursGetterName(true), // minute: minutesGetterName(true), // second: secondsGetterName(true), // millisecond: millisecondsGetterName(true) // }; // function moveTick(date: Date, unitName: TimeUnit, step: number, isUTC: boolean) { // step = step || 1; // switch (getPrimaryTimeUnit(unitName)) { // case 'year': // date[fullYearSetterName(isUTC)](date[fullYearGetterName(isUTC)]() + step); // break; // case 'month': // date[monthSetterName(isUTC)](date[monthGetterName(isUTC)]() + step); // break; // case 'day': // date[dateSetterName(isUTC)](date[dateGetterName(isUTC)]() + step); // break; // case 'hour': // date[hoursSetterName(isUTC)](date[hoursGetterName(isUTC)]() + step); // break; // case 'minute': // date[minutesSetterName(isUTC)](date[minutesGetterName(isUTC)]() + step); // break; // case 'second': // date[secondsSetterName(isUTC)](date[secondsGetterName(isUTC)]() + step); // break; // case 'millisecond': // date[millisecondsSetterName(isUTC)](date[millisecondsGetterName(isUTC)]() + step); // break; // } // return date.getTime(); // } // const DATE_INTERVALS = [[8, 7.5], [4, 3.5], [2, 1.5]]; // const MONTH_INTERVALS = [[6, 5.5], [3, 2.5], [2, 1.5]]; // const MINUTES_SECONDS_INTERVALS = [[30, 30], [20, 20], [15, 15], [10, 10], [5, 5], [2, 2]]; function getDateInterval(approxInterval, daysInMonth) { approxInterval /= ONE_DAY; return approxInterval > 16 ? 16 // Math.floor(daysInMonth / 2) + 1 // In this case we only want one tick between two months. : approxInterval > 7.5 ? 7 // TODO week 7 or day 8? : approxInterval > 3.5 ? 4 : approxInterval > 1.5 ? 2 : 1; } function getMonthInterval(approxInterval) { var APPROX_ONE_MONTH = 30 * ONE_DAY; approxInterval /= APPROX_ONE_MONTH; return approxInterval > 6 ? 6 : approxInterval > 3 ? 3 : approxInterval > 2 ? 2 : 1; } function getHourInterval(approxInterval) { approxInterval /= ONE_HOUR; return approxInterval > 12 ? 12 : approxInterval > 6 ? 6 : approxInterval > 3.5 ? 4 : approxInterval > 2 ? 2 : 1; } function getMinutesAndSecondsInterval(approxInterval, isMinutes) { approxInterval /= isMinutes ? ONE_MINUTE : ONE_SECOND; return approxInterval > 30 ? 30 : approxInterval > 20 ? 20 : approxInterval > 15 ? 15 : approxInterval > 10 ? 10 : approxInterval > 5 ? 5 : approxInterval > 2 ? 2 : 1; } function getMillisecondsInterval(approxInterval) { return numberUtil.nice(approxInterval, true); } // e.g., if the input unit is 'day', start calculate ticks from the first day of // that month to make ticks "nice". function getFirstTimestampOfUnit(timestamp, unitName, isUTC) { var upperUnitIdx = Math.max(0, indexOf(primaryTimeUnits, unitName) - 1); return roundTime(new Date(timestamp), primaryTimeUnits[upperUnitIdx], isUTC).getTime(); } function createEstimateNiceMultiple(setMethodName, dateMethodInterval) { var tmpDate = new Date(0); tmpDate[setMethodName](1); var tmpTime = tmpDate.getTime(); tmpDate[setMethodName](1 + dateMethodInterval); var approxTimeInterval = tmpDate.getTime() - tmpTime; return function (tickVal, targetValue) { // Only in month that accurate result can not get by division of // timestamp interval, but no need accurate here. return Math.max(0, Math.round((targetValue - tickVal) / approxTimeInterval)); }; } function getIntervalTicks(bottomUnitName, approxInterval, isUTC, extent, extentSpanWithBreaks, brkCtx) { var safeLimit = 10000; var unitNames = timeUnits; var iter = 0; function addTicksInSpan(interval, minTimestamp, maxTimestamp, getMethodName, setMethodName, isDate, out) { var estimateNiceMultiple = createEstimateNiceMultiple(setMethodName, interval); var dateTime = minTimestamp; var date = new Date(dateTime); // if (isDate) { // d -= 1; // Starts with 0; PENDING // } while (dateTime < maxTimestamp && dateTime <= extent[1]) { out.push({ value: dateTime }); if (iter++ > safeLimit) { if (process.env.NODE_ENV !== 'production') { warn('Exceed safe limit in time scale.'); } break; } date[setMethodName](date[getMethodName]() + interval); dateTime = date.getTime(); if (brkCtx) { var moreMultiple = brkCtx.calcNiceTickMultiple(dateTime, estimateNiceMultiple); if (moreMultiple > 0) { date[setMethodName](date[getMethodName]() + moreMultiple * interval); dateTime = date.getTime(); } } } // This extra tick is for calcuating ticks of next level. Will not been added to the final result out.push({ value: dateTime, notAdd: true }); } function addLevelTicks(unitName, lastLevelTicks, levelTicks) { var newAddedTicks = []; var isFirstLevel = !lastLevelTicks.length; if (isPrimaryUnitValueAndGreaterSame(getPrimaryTimeUnit(unitName), extent[0], extent[1], isUTC)) { return; } if (isFirstLevel) { lastLevelTicks = [{ value: getFirstTimestampOfUnit(extent[0], unitName, isUTC) }, { value: extent[1] }]; } for (var i = 0; i < lastLevelTicks.length - 1; i++) { var startTick = lastLevelTicks[i].value; var endTick = lastLevelTicks[i + 1].value; if (startTick === endTick) { continue; } var interval = void 0; var getterName = void 0; var setterName = void 0; var isDate = false; switch (unitName) { case 'year': interval = Math.max(1, Math.round(approxInterval / ONE_DAY / 365)); getterName = fullYearGetterName(isUTC); setterName = fullYearSetterName(isUTC); break; case 'half-year': case 'quarter': case 'month': interval = getMonthInterval(approxInterval); getterName = monthGetterName(isUTC); setterName = monthSetterName(isUTC); break; case 'week': // PENDING If week is added. Ignore day. case 'half-week': case 'day': interval = getDateInterval(approxInterval, 31); // Use 32 days and let interval been 16 getterName = dateGetterName(isUTC); setterName = dateSetterName(isUTC); isDate = true; break; case 'half-day': case 'quarter-day': case 'hour': interval = getHourInterval(approxInterval); getterName = hoursGetterName(isUTC); setterName = hoursSetterName(isUTC); break; case 'minute': interval = getMinutesAndSecondsInterval(approxInterval, true); getterName = minutesGetterName(isUTC); setterName = minutesSetterName(isUTC); break; case 'second': interval = getMinutesAndSecondsInterval(approxInterval, false); getterName = secondsGetterName(isUTC); setterName = secondsSetterName(isUTC); break; case 'millisecond': interval = getMillisecondsInterval(approxInterval); getterName = millisecondsGetterName(isUTC); setterName = millisecondsSetterName(isUTC); break; } // Notice: This expansion by `getFirstTimestampOfUnit` may cause too many ticks and // iteration. e.g., when three levels of ticks is displayed, which can be caused by // data zoom and axis breaks. Thus trim them here. if (endTick >= extent[0] && startTick <= extent[1]) { addTicksInSpan(interval, startTick, endTick, getterName, setterName, isDate, newAddedTicks); } if (unitName === 'year' && levelTicks.length > 1 && i === 0) { // Add nearest years to the left extent. levelTicks.unshift({ value: levelTicks[0].value - interval }); } } for (var i = 0; i < newAddedTicks.length; i++) { levelTicks.push(newAddedTicks[i]); } } var levelsTicks = []; var currentLevelTicks = []; var tickCount = 0; var lastLevelTickCount = 0; for (var i = 0; i < unitNames.length; ++i) { var primaryTimeUnit = getPrimaryTimeUnit(unitNames[i]); if (!isPrimaryTimeUnit(unitNames[i])) { // TODO continue; } addLevelTicks(unitNames[i], levelsTicks[levelsTicks.length - 1] || [], currentLevelTicks); var nextPrimaryTimeUnit = unitNames[i + 1] ? getPrimaryTimeUnit(unitNames[i + 1]) : null; if (primaryTimeUnit !== nextPrimaryTimeUnit) { if (currentLevelTicks.length) { lastLevelTickCount = tickCount; // Remove the duplicate so the tick count can be precisely. currentLevelTicks.sort(function (a, b) { return a.value - b.value; }); var levelTicksRemoveDuplicated = []; for (var i_1 = 0; i_1 < currentLevelTicks.length; ++i_1) { var tickValue = currentLevelTicks[i_1].value; if (i_1 === 0 || currentLevelTicks[i_1 - 1].value !== tickValue) { levelTicksRemoveDuplicated.push(currentLevelTicks[i_1]); if (tickValue >= extent[0] && tickValue <= extent[1]) { tickCount++; } } } var targetTickNum = extentSpanWithBreaks / approxInterval; // Added too much in this level and not too less in last level if (tickCount > targetTickNum * 1.5 && lastLevelTickCount > targetTickNum / 1.5) { break; } // Only treat primary time unit as one level. levelsTicks.push(levelTicksRemoveDuplicated); if (tickCount > targetTickNum || bottomUnitName === unitNames[i]) { break; } } // Reset if next unitName is primary currentLevelTicks = []; } } var levelsTicksInExtent = filter(map(levelsTicks, function (levelTicks) { return filter(levelTicks, function (tick) { return tick.value >= extent[0] && tick.value <= extent[1] && !tick.notAdd; }); }), function (levelTicks) { return levelTicks.length > 0; }); var ticks = []; var maxLevel = levelsTicksInExtent.length - 1; for (var i = 0; i < levelsTicksInExtent.length; ++i) { var levelTicks = levelsTicksInExtent[i]; for (var k = 0; k < levelTicks.length; ++k) { var unit = getUnitFromValue(levelTicks[k].value, isUTC); ticks.push({ value: levelTicks[k].value, time: { level: maxLevel - i, upperTimeUnit: unit, lowerTimeUnit: unit } }); } } ticks.sort(function (a, b) { return a.value - b.value; }); // Remove duplicates var result = []; for (var i = 0; i < ticks.length; ++i) { if (i === 0 || ticks[i].value !== ticks[i - 1].value) { result.push(ticks[i]); } } return result; } Scale.registerClass(TimeScale); export default TimeScale;