(global["webpackJsonp"] = global["webpackJsonp"] || []).push([["common/vendor"],{ /***/ 1: /*!************************************************************!*\ !*** ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js ***! \************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true });exports.createApp = createApp;exports.createComponent = createComponent;exports.createPage = createPage;exports.default = void 0;var _vue = _interopRequireDefault(__webpack_require__(/*! vue */ 2));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (enumerableOnly) symbols = symbols.filter(function (sym) {return Object.getOwnPropertyDescriptor(object, sym).enumerable;});keys.push.apply(keys, symbols);}return keys;}function _objectSpread(target) {for (var i = 1; i < arguments.length; i++) {var source = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {_defineProperty(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}function _slicedToArray(arr, i) {return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArrayLimit(arr, i) {if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;var _arr = [];var _n = true;var _d = false;var _e = undefined;try {for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {_arr.push(_s.value);if (i && _arr.length === i) break;}} catch (err) {_d = true;_e = err;} finally {try {if (!_n && _i["return"] != null) _i["return"]();} finally {if (_d) throw _e;}}return _arr;}function _arrayWithHoles(arr) {if (Array.isArray(arr)) return arr;}function _defineProperty(obj, key, value) {if (key in obj) {Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true });} else {obj[key] = value;}return obj;}function _classCallCheck(instance, Constructor) {if (!(instance instanceof Constructor)) {throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target, props) {for (var i = 0; i < props.length; i++) {var descriptor = props[i];descriptor.enumerable = descriptor.enumerable || false;descriptor.configurable = true;if ("value" in descriptor) descriptor.writable = true;Object.defineProperty(target, descriptor.key, descriptor);}}function _createClass(Constructor, protoProps, staticProps) {if (protoProps) _defineProperties(Constructor.prototype, protoProps);if (staticProps) _defineProperties(Constructor, staticProps);return Constructor;}function _toConsumableArray(arr) {return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();}function _nonIterableSpread() {throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o, minLen) {if (!o) return;if (typeof o === "string") return _arrayLikeToArray(o, minLen);var n = Object.prototype.toString.call(o).slice(8, -1);if (n === "Object" && o.constructor) n = o.constructor.name;if (n === "Map" || n === "Set") return Array.from(o);if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);}function _iterableToArray(iter) {if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);}function _arrayWithoutHoles(arr) {if (Array.isArray(arr)) return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr, len) {if (len == null || len > arr.length) len = arr.length;for (var i = 0, arr2 = new Array(len); i < len; i++) {arr2[i] = arr[i];}return arr2;} var _toString = Object.prototype.toString; var hasOwnProperty = Object.prototype.hasOwnProperty; function isFn(fn) { return typeof fn === 'function'; } function isStr(str) { return typeof str === 'string'; } function isPlainObject(obj) { return _toString.call(obj) === '[object Object]'; } function hasOwn(obj, key) { return hasOwnProperty.call(obj, key); } function noop() {} /** * Create a cached version of a pure function. */ function cached(fn) { var cache = Object.create(null); return function cachedFn(str) { var hit = cache[str]; return hit || (cache[str] = fn(str)); }; } /** * Camelize a hyphen-delimited string. */ var camelizeRE = /-(\w)/g; var camelize = cached(function (str) { return str.replace(camelizeRE, function (_, c) {return c ? c.toUpperCase() : '';}); }); var HOOKS = [ 'invoke', 'success', 'fail', 'complete', 'returnValue']; var globalInterceptors = {}; var scopedInterceptors = {}; function mergeHook(parentVal, childVal) { var res = childVal ? parentVal ? parentVal.concat(childVal) : Array.isArray(childVal) ? childVal : [childVal] : parentVal; return res ? dedupeHooks(res) : res; } function dedupeHooks(hooks) { var res = []; for (var i = 0; i < hooks.length; i++) { if (res.indexOf(hooks[i]) === -1) { res.push(hooks[i]); } } return res; } function removeHook(hooks, hook) { var index = hooks.indexOf(hook); if (index !== -1) { hooks.splice(index, 1); } } function mergeInterceptorHook(interceptor, option) { Object.keys(option).forEach(function (hook) { if (HOOKS.indexOf(hook) !== -1 && isFn(option[hook])) { interceptor[hook] = mergeHook(interceptor[hook], option[hook]); } }); } function removeInterceptorHook(interceptor, option) { if (!interceptor || !option) { return; } Object.keys(option).forEach(function (hook) { if (HOOKS.indexOf(hook) !== -1 && isFn(option[hook])) { removeHook(interceptor[hook], option[hook]); } }); } function addInterceptor(method, option) { if (typeof method === 'string' && isPlainObject(option)) { mergeInterceptorHook(scopedInterceptors[method] || (scopedInterceptors[method] = {}), option); } else if (isPlainObject(method)) { mergeInterceptorHook(globalInterceptors, method); } } function removeInterceptor(method, option) { if (typeof method === 'string') { if (isPlainObject(option)) { removeInterceptorHook(scopedInterceptors[method], option); } else { delete scopedInterceptors[method]; } } else if (isPlainObject(method)) { removeInterceptorHook(globalInterceptors, method); } } function wrapperHook(hook) { return function (data) { return hook(data) || data; }; } function isPromise(obj) { return !!obj && (typeof obj === 'object' || typeof obj === 'function') && typeof obj.then === 'function'; } function queue(hooks, data) { var promise = false; for (var i = 0; i < hooks.length; i++) { var hook = hooks[i]; if (promise) { promise = Promise.resolve(wrapperHook(hook)); } else { var res = hook(data); if (isPromise(res)) { promise = Promise.resolve(res); } if (res === false) { return { then: function then() {} }; } } } return promise || { then: function then(callback) { return callback(data); } }; } function wrapperOptions(interceptor) {var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; ['success', 'fail', 'complete'].forEach(function (name) { if (Array.isArray(interceptor[name])) { var oldCallback = options[name]; options[name] = function callbackInterceptor(res) { queue(interceptor[name], res).then(function (res) { /* eslint-disable no-mixed-operators */ return isFn(oldCallback) && oldCallback(res) || res; }); }; } }); return options; } function wrapperReturnValue(method, returnValue) { var returnValueHooks = []; if (Array.isArray(globalInterceptors.returnValue)) { returnValueHooks.push.apply(returnValueHooks, _toConsumableArray(globalInterceptors.returnValue)); } var interceptor = scopedInterceptors[method]; if (interceptor && Array.isArray(interceptor.returnValue)) { returnValueHooks.push.apply(returnValueHooks, _toConsumableArray(interceptor.returnValue)); } returnValueHooks.forEach(function (hook) { returnValue = hook(returnValue) || returnValue; }); return returnValue; } function getApiInterceptorHooks(method) { var interceptor = Object.create(null); Object.keys(globalInterceptors).forEach(function (hook) { if (hook !== 'returnValue') { interceptor[hook] = globalInterceptors[hook].slice(); } }); var scopedInterceptor = scopedInterceptors[method]; if (scopedInterceptor) { Object.keys(scopedInterceptor).forEach(function (hook) { if (hook !== 'returnValue') { interceptor[hook] = (interceptor[hook] || []).concat(scopedInterceptor[hook]); } }); } return interceptor; } function invokeApi(method, api, options) {for (var _len = arguments.length, params = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {params[_key - 3] = arguments[_key];} var interceptor = getApiInterceptorHooks(method); if (interceptor && Object.keys(interceptor).length) { if (Array.isArray(interceptor.invoke)) { var res = queue(interceptor.invoke, options); return res.then(function (options) { return api.apply(void 0, [wrapperOptions(interceptor, options)].concat(params)); }); } else { return api.apply(void 0, [wrapperOptions(interceptor, options)].concat(params)); } } return api.apply(void 0, [options].concat(params)); } var promiseInterceptor = { returnValue: function returnValue(res) { if (!isPromise(res)) { return res; } return res.then(function (res) { return res[1]; }).catch(function (res) { return res[0]; }); } }; var SYNC_API_RE = /^\$|sendNativeEvent|restoreGlobal|getCurrentSubNVue|getMenuButtonBoundingClientRect|^report|interceptors|Interceptor$|getSubNVueById|requireNativePlugin|upx2px|hideKeyboard|canIUse|^create|Sync$|Manager$|base64ToArrayBuffer|arrayBufferToBase64/; var CONTEXT_API_RE = /^create|Manager$/; // Context例外情况 var CONTEXT_API_RE_EXC = ['createBLEConnection']; // 同步例外情况 var ASYNC_API = ['createBLEConnection']; var CALLBACK_API_RE = /^on|^off/; function isContextApi(name) { return CONTEXT_API_RE.test(name) && CONTEXT_API_RE_EXC.indexOf(name) === -1; } function isSyncApi(name) { return SYNC_API_RE.test(name) && ASYNC_API.indexOf(name) === -1; } function isCallbackApi(name) { return CALLBACK_API_RE.test(name) && name !== 'onPush'; } function handlePromise(promise) { return promise.then(function (data) { return [null, data]; }). catch(function (err) {return [err];}); } function shouldPromise(name) { if ( isContextApi(name) || isSyncApi(name) || isCallbackApi(name)) { return false; } return true; } /* eslint-disable no-extend-native */ if (!Promise.prototype.finally) { Promise.prototype.finally = function (callback) { var promise = this.constructor; return this.then( function (value) {return promise.resolve(callback()).then(function () {return value;});}, function (reason) {return promise.resolve(callback()).then(function () { throw reason; });}); }; } function promisify(name, api) { if (!shouldPromise(name)) { return api; } return function promiseApi() {var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};for (var _len2 = arguments.length, params = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {params[_key2 - 1] = arguments[_key2];} if (isFn(options.success) || isFn(options.fail) || isFn(options.complete)) { return wrapperReturnValue(name, invokeApi.apply(void 0, [name, api, options].concat(params))); } return wrapperReturnValue(name, handlePromise(new Promise(function (resolve, reject) { invokeApi.apply(void 0, [name, api, Object.assign({}, options, { success: resolve, fail: reject })].concat( params)); }))); }; } var EPS = 1e-4; var BASE_DEVICE_WIDTH = 750; var isIOS = false; var deviceWidth = 0; var deviceDPR = 0; function checkDeviceWidth() {var _wx$getSystemInfoSync = wx.getSystemInfoSync(),platform = _wx$getSystemInfoSync.platform,pixelRatio = _wx$getSystemInfoSync.pixelRatio,windowWidth = _wx$getSystemInfoSync.windowWidth; // uni=>wx runtime 编译目标是 uni 对象,内部不允许直接使用 uni deviceWidth = windowWidth; deviceDPR = pixelRatio; isIOS = platform === 'ios'; } function upx2px(number, newDeviceWidth) { if (deviceWidth === 0) { checkDeviceWidth(); } number = Number(number); if (number === 0) { return 0; } var result = number / BASE_DEVICE_WIDTH * (newDeviceWidth || deviceWidth); if (result < 0) { result = -result; } result = Math.floor(result + EPS); if (result === 0) { if (deviceDPR === 1 || !isIOS) { result = 1; } else { result = 0.5; } } return number < 0 ? -result : result; } var interceptors = { promiseInterceptor: promiseInterceptor }; var baseApi = /*#__PURE__*/Object.freeze({ __proto__: null, upx2px: upx2px, addInterceptor: addInterceptor, removeInterceptor: removeInterceptor, interceptors: interceptors });var EventChannel = /*#__PURE__*/function () { function EventChannel(id, events) {var _this = this;_classCallCheck(this, EventChannel); this.id = id; this.listener = {}; this.emitCache = {}; if (events) { Object.keys(events).forEach(function (name) { _this.on(name, events[name]); }); } }_createClass(EventChannel, [{ key: "emit", value: function emit( eventName) {for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {args[_key3 - 1] = arguments[_key3];} var fns = this.listener[eventName]; if (!fns) { return (this.emitCache[eventName] || (this.emitCache[eventName] = [])).push(args); } fns.forEach(function (opt) { opt.fn.apply(opt.fn, args); }); this.listener[eventName] = fns.filter(function (opt) {return opt.type !== 'once';}); } }, { key: "on", value: function on( eventName, fn) { this._addListener(eventName, 'on', fn); this._clearCache(eventName); } }, { key: "once", value: function once( eventName, fn) { this._addListener(eventName, 'once', fn); this._clearCache(eventName); } }, { key: "off", value: function off( eventName, fn) { var fns = this.listener[eventName]; if (!fns) { return; } if (fn) { for (var i = 0; i < fns.length;) { if (fns[i].fn === fn) { fns.splice(i, 1); i--; } i++; } } else { delete this.listener[eventName]; } } }, { key: "_clearCache", value: function _clearCache( eventName) { var cacheArgs = this.emitCache[eventName]; if (cacheArgs) { for (; cacheArgs.length > 0;) { this.emit.apply(this, [eventName].concat(cacheArgs.shift())); } } } }, { key: "_addListener", value: function _addListener( eventName, type, fn) { (this.listener[eventName] || (this.listener[eventName] = [])).push({ fn: fn, type: type }); } }]);return EventChannel;}(); var eventChannels = {}; var eventChannelStack = []; var id = 0; function initEventChannel(events) {var cache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; id++; var eventChannel = new EventChannel(id, events); if (cache) { eventChannels[id] = eventChannel; eventChannelStack.push(eventChannel); } return eventChannel; } function getEventChannel(id) { if (id) { var eventChannel = eventChannels[id]; delete eventChannels[id]; return eventChannel; } return eventChannelStack.shift(); } var navigateTo = { args: function args(fromArgs, toArgs) { var id = initEventChannel(fromArgs.events).id; if (fromArgs.url) { fromArgs.url = fromArgs.url + (fromArgs.url.indexOf('?') === -1 ? '?' : '&') + '__id__=' + id; } }, returnValue: function returnValue(fromRes, toRes) { fromRes.eventChannel = getEventChannel(); } }; function findExistsPageIndex(url) { var pages = getCurrentPages(); var len = pages.length; while (len--) { var page = pages[len]; if (page.$page && page.$page.fullPath === url) { return len; } } return -1; } var redirectTo = { name: function name(fromArgs) { if (fromArgs.exists === 'back' && fromArgs.delta) { return 'navigateBack'; } return 'redirectTo'; }, args: function args(fromArgs) { if (fromArgs.exists === 'back' && fromArgs.url) { var existsPageIndex = findExistsPageIndex(fromArgs.url); if (existsPageIndex !== -1) { var delta = getCurrentPages().length - 1 - existsPageIndex; if (delta > 0) { fromArgs.delta = delta; } } } } }; var previewImage = { args: function args(fromArgs) { var currentIndex = parseInt(fromArgs.current); if (isNaN(currentIndex)) { return; } var urls = fromArgs.urls; if (!Array.isArray(urls)) { return; } var len = urls.length; if (!len) { return; } if (currentIndex < 0) { currentIndex = 0; } else if (currentIndex >= len) { currentIndex = len - 1; } if (currentIndex > 0) { fromArgs.current = urls[currentIndex]; fromArgs.urls = urls.filter( function (item, index) {return index < currentIndex ? item !== urls[currentIndex] : true;}); } else { fromArgs.current = urls[0]; } return { indicator: false, loop: false }; } }; function addSafeAreaInsets(result) { if (result.safeArea) { var safeArea = result.safeArea; result.safeAreaInsets = { top: safeArea.top, left: safeArea.left, right: result.windowWidth - safeArea.right, bottom: result.windowHeight - safeArea.bottom }; } } var protocols = { redirectTo: redirectTo, navigateTo: navigateTo, previewImage: previewImage, getSystemInfo: { returnValue: addSafeAreaInsets }, getSystemInfoSync: { returnValue: addSafeAreaInsets } }; var todos = [ 'vibrate', 'preloadPage', 'unPreloadPage', 'loadSubPackage']; var canIUses = []; var CALLBACKS = ['success', 'fail', 'cancel', 'complete']; function processCallback(methodName, method, returnValue) { return function (res) { return method(processReturnValue(methodName, res, returnValue)); }; } function processArgs(methodName, fromArgs) {var argsOption = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};var returnValue = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};var keepFromArgs = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false; if (isPlainObject(fromArgs)) {// 一般 api 的参数解析 var toArgs = keepFromArgs === true ? fromArgs : {}; // returnValue 为 false 时,说明是格式化返回值,直接在返回值对象上修改赋值 if (isFn(argsOption)) { argsOption = argsOption(fromArgs, toArgs) || {}; } for (var key in fromArgs) { if (hasOwn(argsOption, key)) { var keyOption = argsOption[key]; if (isFn(keyOption)) { keyOption = keyOption(fromArgs[key], fromArgs, toArgs); } if (!keyOption) {// 不支持的参数 console.warn("\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F ".concat(methodName, "\u6682\u4E0D\u652F\u6301").concat(key)); } else if (isStr(keyOption)) {// 重写参数 key toArgs[keyOption] = fromArgs[key]; } else if (isPlainObject(keyOption)) {// {name:newName,value:value}可重新指定参数 key:value toArgs[keyOption.name ? keyOption.name : key] = keyOption.value; } } else if (CALLBACKS.indexOf(key) !== -1) { if (isFn(fromArgs[key])) { toArgs[key] = processCallback(methodName, fromArgs[key], returnValue); } } else { if (!keepFromArgs) { toArgs[key] = fromArgs[key]; } } } return toArgs; } else if (isFn(fromArgs)) { fromArgs = processCallback(methodName, fromArgs, returnValue); } return fromArgs; } function processReturnValue(methodName, res, returnValue) {var keepReturnValue = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false; if (isFn(protocols.returnValue)) {// 处理通用 returnValue res = protocols.returnValue(methodName, res); } return processArgs(methodName, res, returnValue, {}, keepReturnValue); } function wrapper(methodName, method) { if (hasOwn(protocols, methodName)) { var protocol = protocols[methodName]; if (!protocol) {// 暂不支持的 api return function () { console.error("\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F \u6682\u4E0D\u652F\u6301".concat(methodName)); }; } return function (arg1, arg2) {// 目前 api 最多两个参数 var options = protocol; if (isFn(protocol)) { options = protocol(arg1); } arg1 = processArgs(methodName, arg1, options.args, options.returnValue); var args = [arg1]; if (typeof arg2 !== 'undefined') { args.push(arg2); } if (isFn(options.name)) { methodName = options.name(arg1); } else if (isStr(options.name)) { methodName = options.name; } var returnValue = wx[methodName].apply(wx, args); if (isSyncApi(methodName)) {// 同步 api return processReturnValue(methodName, returnValue, options.returnValue, isContextApi(methodName)); } return returnValue; }; } return method; } var todoApis = Object.create(null); var TODOS = [ 'onTabBarMidButtonTap', 'subscribePush', 'unsubscribePush', 'onPush', 'offPush', 'share']; function createTodoApi(name) { return function todoApi(_ref) {var fail = _ref.fail,complete = _ref.complete; var res = { errMsg: "".concat(name, ":fail:\u6682\u4E0D\u652F\u6301 ").concat(name, " \u65B9\u6CD5") }; isFn(fail) && fail(res); isFn(complete) && complete(res); }; } TODOS.forEach(function (name) { todoApis[name] = createTodoApi(name); }); var providers = { oauth: ['weixin'], share: ['weixin'], payment: ['wxpay'], push: ['weixin'] }; function getProvider(_ref2) {var service = _ref2.service,success = _ref2.success,fail = _ref2.fail,complete = _ref2.complete; var res = false; if (providers[service]) { res = { errMsg: 'getProvider:ok', service: service, provider: providers[service] }; isFn(success) && success(res); } else { res = { errMsg: 'getProvider:fail:服务[' + service + ']不存在' }; isFn(fail) && fail(res); } isFn(complete) && complete(res); } var extraApi = /*#__PURE__*/Object.freeze({ __proto__: null, getProvider: getProvider }); var getEmitter = function () { var Emitter; return function getUniEmitter() { if (!Emitter) { Emitter = new _vue.default(); } return Emitter; }; }(); function apply(ctx, method, args) { return ctx[method].apply(ctx, args); } function $on() { return apply(getEmitter(), '$on', Array.prototype.slice.call(arguments)); } function $off() { return apply(getEmitter(), '$off', Array.prototype.slice.call(arguments)); } function $once() { return apply(getEmitter(), '$once', Array.prototype.slice.call(arguments)); } function $emit() { return apply(getEmitter(), '$emit', Array.prototype.slice.call(arguments)); } var eventApi = /*#__PURE__*/Object.freeze({ __proto__: null, $on: $on, $off: $off, $once: $once, $emit: $emit }); var api = /*#__PURE__*/Object.freeze({ __proto__: null }); var MPPage = Page; var MPComponent = Component; var customizeRE = /:/g; var customize = cached(function (str) { return camelize(str.replace(customizeRE, '-')); }); function initTriggerEvent(mpInstance) { { if (!wx.canIUse('nextTick')) { return; } } var oldTriggerEvent = mpInstance.triggerEvent; mpInstance.triggerEvent = function (event) {for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {args[_key4 - 1] = arguments[_key4];} return oldTriggerEvent.apply(mpInstance, [customize(event)].concat(args)); }; } function initHook(name, options) { var oldHook = options[name]; if (!oldHook) { options[name] = function () { initTriggerEvent(this); }; } else { options[name] = function () { initTriggerEvent(this);for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {args[_key5] = arguments[_key5];} return oldHook.apply(this, args); }; } } Page = function Page() {var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; initHook('onLoad', options); return MPPage(options); }; Component = function Component() {var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; initHook('created', options); return MPComponent(options); }; var PAGE_EVENT_HOOKS = [ 'onPullDownRefresh', 'onReachBottom', 'onAddToFavorites', 'onShareTimeline', 'onShareAppMessage', 'onPageScroll', 'onResize', 'onTabItemTap']; function initMocks(vm, mocks) { var mpInstance = vm.$mp[vm.mpType]; mocks.forEach(function (mock) { if (hasOwn(mpInstance, mock)) { vm[mock] = mpInstance[mock]; } }); } function hasHook(hook, vueOptions) { if (!vueOptions) { return true; } if (_vue.default.options && Array.isArray(_vue.default.options[hook])) { return true; } vueOptions = vueOptions.default || vueOptions; if (isFn(vueOptions)) { if (isFn(vueOptions.extendOptions[hook])) { return true; } if (vueOptions.super && vueOptions.super.options && Array.isArray(vueOptions.super.options[hook])) { return true; } return false; } if (isFn(vueOptions[hook])) { return true; } var mixins = vueOptions.mixins; if (Array.isArray(mixins)) { return !!mixins.find(function (mixin) {return hasHook(hook, mixin);}); } } function initHooks(mpOptions, hooks, vueOptions) { hooks.forEach(function (hook) { if (hasHook(hook, vueOptions)) { mpOptions[hook] = function (args) { return this.$vm && this.$vm.__call_hook(hook, args); }; } }); } function initVueComponent(Vue, vueOptions) { vueOptions = vueOptions.default || vueOptions; var VueComponent; if (isFn(vueOptions)) { VueComponent = vueOptions; } else { VueComponent = Vue.extend(vueOptions); } vueOptions = VueComponent.options; return [VueComponent, vueOptions]; } function initSlots(vm, vueSlots) { if (Array.isArray(vueSlots) && vueSlots.length) { var $slots = Object.create(null); vueSlots.forEach(function (slotName) { $slots[slotName] = true; }); vm.$scopedSlots = vm.$slots = $slots; } } function initVueIds(vueIds, mpInstance) { vueIds = (vueIds || '').split(','); var len = vueIds.length; if (len === 1) { mpInstance._$vueId = vueIds[0]; } else if (len === 2) { mpInstance._$vueId = vueIds[0]; mpInstance._$vuePid = vueIds[1]; } } function initData(vueOptions, context) { var data = vueOptions.data || {}; var methods = vueOptions.methods || {}; if (typeof data === 'function') { try { data = data.call(context); // 支持 Vue.prototype 上挂的数据 } catch (e) { if (Object({"NODE_ENV":"development","VUE_APP_NAME":"yxcl_wechat","VUE_APP_PLATFORM":"mp-weixin","BASE_URL":"/"}).VUE_APP_DEBUG) { console.warn('根据 Vue 的 data 函数初始化小程序 data 失败,请尽量确保 data 函数中不访问 vm 对象,否则可能影响首次数据渲染速度。', data); } } } else { try { // 对 data 格式化 data = JSON.parse(JSON.stringify(data)); } catch (e) {} } if (!isPlainObject(data)) { data = {}; } Object.keys(methods).forEach(function (methodName) { if (context.__lifecycle_hooks__.indexOf(methodName) === -1 && !hasOwn(data, methodName)) { data[methodName] = methods[methodName]; } }); return data; } var PROP_TYPES = [String, Number, Boolean, Object, Array, null]; function createObserver(name) { return function observer(newVal, oldVal) { if (this.$vm) { this.$vm[name] = newVal; // 为了触发其他非 render watcher } }; } function initBehaviors(vueOptions, initBehavior) { var vueBehaviors = vueOptions.behaviors; var vueExtends = vueOptions.extends; var vueMixins = vueOptions.mixins; var vueProps = vueOptions.props; if (!vueProps) { vueOptions.props = vueProps = []; } var behaviors = []; if (Array.isArray(vueBehaviors)) { vueBehaviors.forEach(function (behavior) { behaviors.push(behavior.replace('uni://', "wx".concat("://"))); if (behavior === 'uni://form-field') { if (Array.isArray(vueProps)) { vueProps.push('name'); vueProps.push('value'); } else { vueProps.name = { type: String, default: '' }; vueProps.value = { type: [String, Number, Boolean, Array, Object, Date], default: '' }; } } }); } if (isPlainObject(vueExtends) && vueExtends.props) { behaviors.push( initBehavior({ properties: initProperties(vueExtends.props, true) })); } if (Array.isArray(vueMixins)) { vueMixins.forEach(function (vueMixin) { if (isPlainObject(vueMixin) && vueMixin.props) { behaviors.push( initBehavior({ properties: initProperties(vueMixin.props, true) })); } }); } return behaviors; } function parsePropType(key, type, defaultValue, file) { // [String]=>String if (Array.isArray(type) && type.length === 1) { return type[0]; } return type; } function initProperties(props) {var isBehavior = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;var file = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ''; var properties = {}; if (!isBehavior) { properties.vueId = { type: String, value: '' }; // 用于字节跳动小程序模拟抽象节点 properties.generic = { type: Object, value: null }; properties.vueSlots = { // 小程序不能直接定义 $slots 的 props,所以通过 vueSlots 转换到 $slots type: null, value: [], observer: function observer(newVal, oldVal) { var $slots = Object.create(null); newVal.forEach(function (slotName) { $slots[slotName] = true; }); this.setData({ $slots: $slots }); } }; } if (Array.isArray(props)) {// ['title'] props.forEach(function (key) { properties[key] = { type: null, observer: createObserver(key) }; }); } else if (isPlainObject(props)) {// {title:{type:String,default:''},content:String} Object.keys(props).forEach(function (key) { var opts = props[key]; if (isPlainObject(opts)) {// title:{type:String,default:''} var value = opts.default; if (isFn(value)) { value = value(); } opts.type = parsePropType(key, opts.type); properties[key] = { type: PROP_TYPES.indexOf(opts.type) !== -1 ? opts.type : null, value: value, observer: createObserver(key) }; } else {// content:String var type = parsePropType(key, opts); properties[key] = { type: PROP_TYPES.indexOf(type) !== -1 ? type : null, observer: createObserver(key) }; } }); } return properties; } function wrapper$1(event) { // TODO 又得兼容 mpvue 的 mp 对象 try { event.mp = JSON.parse(JSON.stringify(event)); } catch (e) {} event.stopPropagation = noop; event.preventDefault = noop; event.target = event.target || {}; if (!hasOwn(event, 'detail')) { event.detail = {}; } if (hasOwn(event, 'markerId')) { event.detail = typeof event.detail === 'object' ? event.detail : {}; event.detail.markerId = event.markerId; } if (isPlainObject(event.detail)) { event.target = Object.assign({}, event.target, event.detail); } return event; } function getExtraValue(vm, dataPathsArray) { var context = vm; dataPathsArray.forEach(function (dataPathArray) { var dataPath = dataPathArray[0]; var value = dataPathArray[2]; if (dataPath || typeof value !== 'undefined') {// ['','',index,'disable'] var propPath = dataPathArray[1]; var valuePath = dataPathArray[3]; var vFor; if (Number.isInteger(dataPath)) { vFor = dataPath; } else if (!dataPath) { vFor = context; } else if (typeof dataPath === 'string' && dataPath) { if (dataPath.indexOf('#s#') === 0) { vFor = dataPath.substr(3); } else { vFor = vm.__get_value(dataPath, context); } } if (Number.isInteger(vFor)) { context = value; } else if (!propPath) { context = vFor[value]; } else { if (Array.isArray(vFor)) { context = vFor.find(function (vForItem) { return vm.__get_value(propPath, vForItem) === value; }); } else if (isPlainObject(vFor)) { context = Object.keys(vFor).find(function (vForKey) { return vm.__get_value(propPath, vFor[vForKey]) === value; }); } else { console.error('v-for 暂不支持循环数据:', vFor); } } if (valuePath) { context = vm.__get_value(valuePath, context); } } }); return context; } function processEventExtra(vm, extra, event) { var extraObj = {}; if (Array.isArray(extra) && extra.length) { /** *[ * ['data.items', 'data.id', item.data.id], * ['metas', 'id', meta.id] *], *[ * ['data.items', 'data.id', item.data.id], * ['metas', 'id', meta.id] *], *'test' */ extra.forEach(function (dataPath, index) { if (typeof dataPath === 'string') { if (!dataPath) {// model,prop.sync extraObj['$' + index] = vm; } else { if (dataPath === '$event') {// $event extraObj['$' + index] = event; } else if (dataPath === 'arguments') { if (event.detail && event.detail.__args__) { extraObj['$' + index] = event.detail.__args__; } else { extraObj['$' + index] = [event]; } } else if (dataPath.indexOf('$event.') === 0) {// $event.target.value extraObj['$' + index] = vm.__get_value(dataPath.replace('$event.', ''), event); } else { extraObj['$' + index] = vm.__get_value(dataPath); } } } else { extraObj['$' + index] = getExtraValue(vm, dataPath); } }); } return extraObj; } function getObjByArray(arr) { var obj = {}; for (var i = 1; i < arr.length; i++) { var element = arr[i]; obj[element[0]] = element[1]; } return obj; } function processEventArgs(vm, event) {var args = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];var extra = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];var isCustom = arguments.length > 4 ? arguments[4] : undefined;var methodName = arguments.length > 5 ? arguments[5] : undefined; var isCustomMPEvent = false; // wxcomponent 组件,传递原始 event 对象 if (isCustom) {// 自定义事件 isCustomMPEvent = event.currentTarget && event.currentTarget.dataset && event.currentTarget.dataset.comType === 'wx'; if (!args.length) {// 无参数,直接传入 event 或 detail 数组 if (isCustomMPEvent) { return [event]; } return event.detail.__args__ || event.detail; } } var extraObj = processEventExtra(vm, extra, event); var ret = []; args.forEach(function (arg) { if (arg === '$event') { if (methodName === '__set_model' && !isCustom) {// input v-model value ret.push(event.target.value); } else { if (isCustom && !isCustomMPEvent) { ret.push(event.detail.__args__[0]); } else {// wxcomponent 组件或内置组件 ret.push(event); } } } else { if (Array.isArray(arg) && arg[0] === 'o') { ret.push(getObjByArray(arg)); } else if (typeof arg === 'string' && hasOwn(extraObj, arg)) { ret.push(extraObj[arg]); } else { ret.push(arg); } } }); return ret; } var ONCE = '~'; var CUSTOM = '^'; function isMatchEventType(eventType, optType) { return eventType === optType || optType === 'regionchange' && ( eventType === 'begin' || eventType === 'end'); } function getContextVm(vm) { var $parent = vm.$parent; // 父组件是 scoped slots 或者其他自定义组件时继续查找 while ($parent && $parent.$parent && ($parent.$options.generic || $parent.$parent.$options.generic || $parent.$scope._$vuePid)) { $parent = $parent.$parent; } return $parent && $parent.$parent; } function handleEvent(event) {var _this2 = this; event = wrapper$1(event); // [['tap',[['handle',[1,2,a]],['handle1',[1,2,a]]]]] var dataset = (event.currentTarget || event.target).dataset; if (!dataset) { return console.warn('事件信息不存在'); } var eventOpts = dataset.eventOpts || dataset['event-opts']; // 支付宝 web-view 组件 dataset 非驼峰 if (!eventOpts) { return console.warn('事件信息不存在'); } // [['handle',[1,2,a]],['handle1',[1,2,a]]] var eventType = event.type; var ret = []; eventOpts.forEach(function (eventOpt) { var type = eventOpt[0]; var eventsArray = eventOpt[1]; var isCustom = type.charAt(0) === CUSTOM; type = isCustom ? type.slice(1) : type; var isOnce = type.charAt(0) === ONCE; type = isOnce ? type.slice(1) : type; if (eventsArray && isMatchEventType(eventType, type)) { eventsArray.forEach(function (eventArray) { var methodName = eventArray[0]; if (methodName) { var handlerCtx = _this2.$vm; if (handlerCtx.$options.generic) {// mp-weixin,mp-toutiao 抽象节点模拟 scoped slots handlerCtx = getContextVm(handlerCtx) || handlerCtx; } if (methodName === '$emit') { handlerCtx.$emit.apply(handlerCtx, processEventArgs( _this2.$vm, event, eventArray[1], eventArray[2], isCustom, methodName)); return; } var handler = handlerCtx[methodName]; if (!isFn(handler)) { throw new Error(" _vm.".concat(methodName, " is not a function")); } if (isOnce) { if (handler.once) { return; } handler.once = true; } var params = processEventArgs( _this2.$vm, event, eventArray[1], eventArray[2], isCustom, methodName); // 参数尾部增加原始事件对象用于复杂表达式内获取额外数据 // eslint-disable-next-line no-sparse-arrays ret.push(handler.apply(handlerCtx, (Array.isArray(params) ? params : []).concat([,,,,,,,,,, event]))); } }); } }); if ( eventType === 'input' && ret.length === 1 && typeof ret[0] !== 'undefined') { return ret[0]; } } var hooks = [ 'onShow', 'onHide', 'onError', 'onPageNotFound', 'onThemeChange', 'onUnhandledRejection']; function parseBaseApp(vm, _ref3) {var mocks = _ref3.mocks,initRefs = _ref3.initRefs; if (vm.$options.store) { _vue.default.prototype.$store = vm.$options.store; } _vue.default.prototype.mpHost = "mp-weixin"; _vue.default.mixin({ beforeCreate: function beforeCreate() { if (!this.$options.mpType) { return; } this.mpType = this.$options.mpType; this.$mp = _defineProperty({ data: {} }, this.mpType, this.$options.mpInstance); this.$scope = this.$options.mpInstance; delete this.$options.mpType; delete this.$options.mpInstance; if (this.mpType !== 'app') { initRefs(this); initMocks(this, mocks); } } }); var appOptions = { onLaunch: function onLaunch(args) { if (this.$vm) {// 已经初始化过了,主要是为了百度,百度 onShow 在 onLaunch 之前 return; } { if (!wx.canIUse('nextTick')) {// 事实 上2.2.3 即可,简单使用 2.3.0 的 nextTick 判断 console.error('当前微信基础库版本过低,请将 微信开发者工具-详情-项目设置-调试基础库版本 更换为`2.3.0`以上'); } } this.$vm = vm; this.$vm.$mp = { app: this }; this.$vm.$scope = this; // vm 上也挂载 globalData this.$vm.globalData = this.globalData; this.$vm._isMounted = true; this.$vm.__call_hook('mounted', args); this.$vm.__call_hook('onLaunch', args); } }; // 兼容旧版本 globalData appOptions.globalData = vm.$options.globalData || {}; // 将 methods 中的方法挂在 getApp() 中 var methods = vm.$options.methods; if (methods) { Object.keys(methods).forEach(function (name) { appOptions[name] = methods[name]; }); } initHooks(appOptions, hooks); return appOptions; } var mocks = ['__route__', '__wxExparserNodeId__', '__wxWebviewId__']; function findVmByVueId(vm, vuePid) { var $children = vm.$children; // 优先查找直属(反向查找:https://github.com/dcloudio/uni-app/issues/1200) for (var i = $children.length - 1; i >= 0; i--) { var childVm = $children[i]; if (childVm.$scope._$vueId === vuePid) { return childVm; } } // 反向递归查找 var parentVm; for (var _i = $children.length - 1; _i >= 0; _i--) { parentVm = findVmByVueId($children[_i], vuePid); if (parentVm) { return parentVm; } } } function initBehavior(options) { return Behavior(options); } function isPage() { return !!this.route; } function initRelation(detail) { this.triggerEvent('__l', detail); } function initRefs(vm) { var mpInstance = vm.$scope; Object.defineProperty(vm, '$refs', { get: function get() { var $refs = {}; var components = mpInstance.selectAllComponents('.vue-ref'); components.forEach(function (component) { var ref = component.dataset.ref; $refs[ref] = component.$vm || component; }); var forComponents = mpInstance.selectAllComponents('.vue-ref-in-for'); forComponents.forEach(function (component) { var ref = component.dataset.ref; if (!$refs[ref]) { $refs[ref] = []; } $refs[ref].push(component.$vm || component); }); return $refs; } }); } function handleLink(event) {var _ref4 = event.detail || event.value,vuePid = _ref4.vuePid,vueOptions = _ref4.vueOptions; // detail 是微信,value 是百度(dipatch) var parentVm; if (vuePid) { parentVm = findVmByVueId(this.$vm, vuePid); } if (!parentVm) { parentVm = this.$vm; } vueOptions.parent = parentVm; } function parseApp(vm) { return parseBaseApp(vm, { mocks: mocks, initRefs: initRefs }); } function createApp(vm) { _vue.default.prototype.getOpenerEventChannel = function () { if (!this.__eventChannel__) { this.__eventChannel__ = new EventChannel(); } return this.__eventChannel__; }; var callHook = _vue.default.prototype.__call_hook; _vue.default.prototype.__call_hook = function (hook, args) { if (hook === 'onLoad' && args && args.__id__) { this.__eventChannel__ = getEventChannel(args.__id__); delete args.__id__; } return callHook.call(this, hook, args); }; App(parseApp(vm)); return vm; } var encodeReserveRE = /[!'()*]/g; var encodeReserveReplacer = function encodeReserveReplacer(c) {return '%' + c.charCodeAt(0).toString(16);}; var commaRE = /%2C/g; // fixed encodeURIComponent which is more conformant to RFC3986: // - escapes [!'()*] // - preserve commas var encode = function encode(str) {return encodeURIComponent(str). replace(encodeReserveRE, encodeReserveReplacer). replace(commaRE, ',');}; function stringifyQuery(obj) {var encodeStr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : encode; var res = obj ? Object.keys(obj).map(function (key) { var val = obj[key]; if (val === undefined) { return ''; } if (val === null) { return encodeStr(key); } if (Array.isArray(val)) { var result = []; val.forEach(function (val2) { if (val2 === undefined) { return; } if (val2 === null) { result.push(encodeStr(key)); } else { result.push(encodeStr(key) + '=' + encodeStr(val2)); } }); return result.join('&'); } return encodeStr(key) + '=' + encodeStr(val); }).filter(function (x) {return x.length > 0;}).join('&') : null; return res ? "?".concat(res) : ''; } function parseBaseComponent(vueComponentOptions) {var _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},isPage = _ref5.isPage,initRelation = _ref5.initRelation;var _initVueComponent = initVueComponent(_vue.default, vueComponentOptions),_initVueComponent2 = _slicedToArray(_initVueComponent, 2),VueComponent = _initVueComponent2[0],vueOptions = _initVueComponent2[1]; var options = _objectSpread({ multipleSlots: true, addGlobalClass: true }, vueOptions.options || {}); { // 微信 multipleSlots 部分情况有 bug,导致内容顺序错乱 如 u-list,提供覆盖选项 if (vueOptions['mp-weixin'] && vueOptions['mp-weixin'].options) { Object.assign(options, vueOptions['mp-weixin'].options); } } var componentOptions = { options: options, data: initData(vueOptions, _vue.default.prototype), behaviors: initBehaviors(vueOptions, initBehavior), properties: initProperties(vueOptions.props, false, vueOptions.__file), lifetimes: { attached: function attached() { var properties = this.properties; var options = { mpType: isPage.call(this) ? 'page' : 'component', mpInstance: this, propsData: properties }; initVueIds(properties.vueId, this); // 处理父子关系 initRelation.call(this, { vuePid: this._$vuePid, vueOptions: options }); // 初始化 vue 实例 this.$vm = new VueComponent(options); // 处理$slots,$scopedSlots(暂不支持动态变化$slots) initSlots(this.$vm, properties.vueSlots); // 触发首次 setData this.$vm.$mount(); }, ready: function ready() { // 当组件 props 默认值为 true,初始化时传入 false 会导致 created,ready 触发, 但 attached 不触发 // https://developers.weixin.qq.com/community/develop/doc/00066ae2844cc0f8eb883e2a557800 if (this.$vm) { this.$vm._isMounted = true; this.$vm.__call_hook('mounted'); this.$vm.__call_hook('onReady'); } }, detached: function detached() { this.$vm && this.$vm.$destroy(); } }, pageLifetimes: { show: function show(args) { this.$vm && this.$vm.__call_hook('onPageShow', args); }, hide: function hide() { this.$vm && this.$vm.__call_hook('onPageHide'); }, resize: function resize(size) { this.$vm && this.$vm.__call_hook('onPageResize', size); } }, methods: { __l: handleLink, __e: handleEvent } }; // externalClasses if (vueOptions.externalClasses) { componentOptions.externalClasses = vueOptions.externalClasses; } if (Array.isArray(vueOptions.wxsCallMethods)) { vueOptions.wxsCallMethods.forEach(function (callMethod) { componentOptions.methods[callMethod] = function (args) { return this.$vm[callMethod](args); }; }); } if (isPage) { return componentOptions; } return [componentOptions, VueComponent]; } function parseComponent(vueComponentOptions) { return parseBaseComponent(vueComponentOptions, { isPage: isPage, initRelation: initRelation }); } var hooks$1 = [ 'onShow', 'onHide', 'onUnload']; hooks$1.push.apply(hooks$1, PAGE_EVENT_HOOKS); function parseBasePage(vuePageOptions, _ref6) {var isPage = _ref6.isPage,initRelation = _ref6.initRelation; var pageOptions = parseComponent(vuePageOptions); initHooks(pageOptions.methods, hooks$1, vuePageOptions); pageOptions.methods.onLoad = function (query) { this.options = query; var copyQuery = Object.assign({}, query); delete copyQuery.__id__; this.$page = { fullPath: '/' + (this.route || this.is) + stringifyQuery(copyQuery) }; this.$vm.$mp.query = query; // 兼容 mpvue this.$vm.__call_hook('onLoad', query); }; return pageOptions; } function parsePage(vuePageOptions) { return parseBasePage(vuePageOptions, { isPage: isPage, initRelation: initRelation }); } function createPage(vuePageOptions) { { return Component(parsePage(vuePageOptions)); } } function createComponent(vueOptions) { { return Component(parseComponent(vueOptions)); } } todos.forEach(function (todoApi) { protocols[todoApi] = false; }); canIUses.forEach(function (canIUseApi) { var apiName = protocols[canIUseApi] && protocols[canIUseApi].name ? protocols[canIUseApi].name : canIUseApi; if (!wx.canIUse(apiName)) { protocols[canIUseApi] = false; } }); var uni = {}; if (typeof Proxy !== 'undefined' && "mp-weixin" !== 'app-plus') { uni = new Proxy({}, { get: function get(target, name) { if (hasOwn(target, name)) { return target[name]; } if (baseApi[name]) { return baseApi[name]; } if (api[name]) { return promisify(name, api[name]); } { if (extraApi[name]) { return promisify(name, extraApi[name]); } if (todoApis[name]) { return promisify(name, todoApis[name]); } } if (eventApi[name]) { return eventApi[name]; } if (!hasOwn(wx, name) && !hasOwn(protocols, name)) { return; } return promisify(name, wrapper(name, wx[name])); }, set: function set(target, name, value) { target[name] = value; return true; } }); } else { Object.keys(baseApi).forEach(function (name) { uni[name] = baseApi[name]; }); { Object.keys(todoApis).forEach(function (name) { uni[name] = promisify(name, todoApis[name]); }); Object.keys(extraApi).forEach(function (name) { uni[name] = promisify(name, todoApis[name]); }); } Object.keys(eventApi).forEach(function (name) { uni[name] = eventApi[name]; }); Object.keys(api).forEach(function (name) { uni[name] = promisify(name, api[name]); }); Object.keys(wx).forEach(function (name) { if (hasOwn(wx, name) || hasOwn(protocols, name)) { uni[name] = promisify(name, wrapper(name, wx[name])); } }); } wx.createApp = createApp; wx.createPage = createPage; wx.createComponent = createComponent; var uni$1 = uni;var _default = uni$1;exports.default = _default; /***/ }), /***/ 11: /*!**********************************************************************************************************!*\ !*** ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js ***! \**********************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return normalizeComponent; }); /* globals __VUE_SSR_CONTEXT__ */ // IMPORTANT: Do NOT use ES2015 features in this file (except for modules). // This module is a runtime utility for cleaner component module output and will // be included in the final webpack user bundle. function normalizeComponent ( scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, /* server only */ shadowMode, /* vue-cli only */ components, // fixed by xxxxxx auto components renderjs // fixed by xxxxxx renderjs ) { // Vue.extend constructor export interop var options = typeof scriptExports === 'function' ? scriptExports.options : scriptExports // fixed by xxxxxx auto components if (components) { if (!options.components) { options.components = {} } var hasOwn = Object.prototype.hasOwnProperty for (var name in components) { if (hasOwn.call(components, name) && !hasOwn.call(options.components, name)) { options.components[name] = components[name] } } } // fixed by xxxxxx renderjs if (renderjs) { (renderjs.beforeCreate || (renderjs.beforeCreate = [])).unshift(function() { this[renderjs.__module] = this }); (options.mixins || (options.mixins = [])).push(renderjs) } // render functions if (render) { options.render = render options.staticRenderFns = staticRenderFns options._compiled = true } // functional template if (functionalTemplate) { options.functional = true } // scopedId if (scopeId) { options._scopeId = 'data-v-' + scopeId } var hook if (moduleIdentifier) { // server build hook = function (context) { // 2.3 injection context = context || // cached call (this.$vnode && this.$vnode.ssrContext) || // stateful (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional // 2.2 with runInNewContext: true if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') { context = __VUE_SSR_CONTEXT__ } // inject component styles if (injectStyles) { injectStyles.call(this, context) } // register component module identifier for async chunk inferrence if (context && context._registeredComponents) { context._registeredComponents.add(moduleIdentifier) } } // used by ssr in case component is cached and beforeCreate // never gets called options._ssrRegister = hook } else if (injectStyles) { hook = shadowMode ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) } : injectStyles } if (hook) { if (options.functional) { // for template-only hot-reload because in that case the render fn doesn't // go through the normalizer options._injectStyles = hook // register for functioal component in vue file var originalRender = options.render options.render = function renderWithStyleInjection (h, context) { hook.call(context) return originalRender(h, context) } } else { // inject component registration as beforeCreate hook var existing = options.beforeCreate options.beforeCreate = existing ? [].concat(existing, hook) : [hook] } } return { exports: scriptExports, options: options } } /***/ }), /***/ 12: /*!************************************************************************!*\ !*** F:/productsCheckedProject/yxcl_wechat/yxcl_wechat/store/store.js ***! \************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* WEBPACK VAR INJECTION */(function(uni) {Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _vue = _interopRequireDefault(__webpack_require__(/*! vue */ 2)); var _vuex = _interopRequireDefault(__webpack_require__(/*! vuex */ 8)); var _index = _interopRequireDefault(__webpack_require__(/*! @/util/index */ 13)); var _vuexPersistedstate = _interopRequireDefault(__webpack_require__(/*! vuex-persistedstate */ 16));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };} _vue.default.use(_vuex.default); var state = { visitChannels: '', shouldAuth: false, //是否需要授权 userData: {}, // 用户基础信息 isConnect: true, // 网络是否链接 isLoading: false, // 是否在请求数据 isChangeMsgCount: false // 是否更新待办事项 }; var getters = { getUser: function getUser(state) { return state.userData; }, getMenu: function getMenu(state) { return state.userData.AuthorityInfo; }, getConnect: function getConnect(state) { return state.isConnect; }, getLoading: function getLoading(state) { return state.isLoading; }, isChangeMsgCount: function isChangeMsgCount(state) { return state.isChangeMsgCount; }, shouldAuth: function shouldAuth() { return state.shouldAuth; } }; var mutations = { setUser: function setUser(state, data) { state.userData = data; }, setVisitChannels: function setVisitChannels(state, data) { state.visitChannels = data; }, isGetTodoList: function isGetTodoList(state, data) { state.isChangeMsgCount = data; }, isConnect: function isConnect(state, value) { state.isConnect = value; }, setShouldAuth: function setShouldAuth(state, value) { state.shouldAuth = value; } }; var actions = { loginUser: function loginUser(_ref, code) {var dispatch = _ref.dispatch,commit = _ref.commit; }, getLoginCode: function getLoginCode(_ref2) {var dispatch = _ref2.dispatch,state = _ref2.state; uni.login({ // 登录 success: function success(res) { dispatch('memberLogin', res.code); // 获取用户数据 } }); }, memberLogin: function memberLogin(_ref3, _code) {var dispatch = _ref3.dispatch,state = _ref3.state,commit = _ref3.commit; var _user = state.userData; _index.default.$get('WeChat_Login', { WeChat_Code: _code || '' }). then(function (data) { if (data.Result_Code === 100) { var user = data.Result_Data; if (user.Membership_Id) { dispatch('updateUser', data.Result_Data); // _this.addUserBehavior(1002) // 记录用户行为 } else { commit('setUser', user); } } else if (data.Result_Code === 200) {// session过期 dispatch('getLoginCode'); } else { console.log(data); } }); }, updateUser: function updateUser(_ref4, user) {var commit = _ref4.commit,state = _ref4.state; var _user = user || state.userData; _index.default.$get('WeChat_GetBusinessMemberInfo', { Membership_Id: _user.Membership_Id }).then(function (res) { if (res.Result_Code == 100) { var data = res.Result_Data; data.WeChat_MiniProToken = _user.WeChat_MiniProToken; data.WeChat_UserId = _user.WeChat_UserId; data.WeChat_UserName = _user.WeChat_UserName; commit('setUser', data); } }); } };var _default = new _vuex.default.Store({ state: state, mutations: mutations, getters: getters, actions: actions, plugins: [ (0, _vuexPersistedstate.default)({ storage: { getItem: function getItem(key) {return uni.getStorageSync(key);}, setItem: function setItem(key, value) {return uni.setStorageSync(key, value);}, removeItem: function removeItem(key) {return uni.removeStorageSync(key);} } })] });exports.default = _default; /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 1)["default"])) /***/ }), /***/ 13: /*!***********************************************************************!*\ !*** F:/productsCheckedProject/yxcl_wechat/yxcl_wechat/util/index.js ***! \***********************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _apiPath = _interopRequireDefault(__webpack_require__(/*! ./apiPath */ 14)); var _api = _interopRequireDefault(__webpack_require__(/*! ./api */ 15)); var _store = _interopRequireDefault(__webpack_require__(/*! ../store/store */ 12));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}var _default = { post: function post(data) {// 合作商户请求 return _api.default.request('POST', _apiPath.default.baseURL, data); }, get: function get(data) {// 合作商户请求 return _api.default.request('GET', _apiPath.default.baseURL, data); }, postM: function postM(data) {// 移动业务请求 return _api.default.request('POST', _apiPath.default.mobUrl, data); }, getM: function getM(data) {// 移动业务请求 return _api.default.request('GET', _apiPath.default.mobUrl, data); }, getMp: function getMp(control, data) {// mp.eshangtech.com data.action_type = control; return _api.default.request('GET', _apiPath.default.mpUrl, data); }, $get: function $get(controller, data) {// 合作商户请求 data.action_type = controller; return this.get(data); }, $post: function $post(controller, data) {// 合作商户请求 data.action_type = controller; return this.post(data); }, $webGet: function $webGet(controller, data) {// webapi return _api.default.request('GET', _apiPath.default.apiurl + controller, data, true); } };exports.default = _default; /***/ }), /***/ 14: /*!*************************************************************************!*\ !*** F:/productsCheckedProject/yxcl_wechat/yxcl_wechat/util/apiPath.js ***! \*************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _default = { baseURL: 'https://user.eshangtech.com/Coop.Merchant/Handler/handler_ajax.ashx', // 合作商户请求 mobUrl: 'https://183.129.232.107:8010/MobileServicePlatform/Handler/handler_ajax.ashx', // 接口 mpUrl: 'https://mp.eshangtech.com/Coop.Merchant/Handler/handler_ajax.ashx', // 接口 apiurl: 'https://api.eshangtech.com/', // web api testURL1: 'http://192.168.10.123:8000', // 测试ip testURL2: 'http://192.168.12.121:8010', // 测试ip testApiName: '/MobileServicePlatform/Handler/handler_ajax.ashx' // 接口 };exports.default = _default; /***/ }), /***/ 15: /*!*********************************************************************!*\ !*** F:/productsCheckedProject/yxcl_wechat/yxcl_wechat/util/api.js ***! \*********************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* WEBPACK VAR INJECTION */(function(uni) {Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _store = _interopRequireDefault(__webpack_require__(/*! ../store/store */ 12));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };} var publicOptions = function () {// 获取本机的信息 var systemInfo = uni.getSystemInfoSync(); return { APPGuid: "9880519c-351d-4a05-b6ef-80db0286a7ab", SourcePlatform: 'minProgram', // 客户端平台 brand: systemInfo.brand || '', // 设备名称 model: encodeURIComponent(systemInfo.model), // 机型 os_version: systemInfo.system // 安卓版本号 }; }();var _default = { /** * 自定义post,get函数,返回Promise * @param {String} url 接口网址 * @param {arrayObject} data 要传的数组对象 例如: {name: '武当山道士', age: 32} * +------------------- * @return {Promise} promise 返回promise供后续操作 */ request: function request(method, url, data, isWebApi) {var _this = this; var promise = new Promise(function (resolve, reject) { //init _store.default.state.isLoading = true; var that = _this; if (!isWebApi) { data.time = new Date().getTime(); data.provinceCode = _store.default.state.userData.PROVINCE_CODE || '330000'; // 如果用户没有省份编码信息,则默认浙江省 data.WeChat_AppId = 'wxa99ef047735c031e'; data.WeChat_MiniProToken = _store.default.state.userData.WeChat_MiniProToken || ''; data = Object.assign(data, publicOptions); } else { data.WeChatAppId = 'wxa99ef047735c031e'; } data.memberShipId = _store.default.state.userData.Membership_Id || ''; // ||'3255' var requstOptions = { url: url, data: data, method: method }; if (method == 'POST') { requstOptions.header = { 'content-type': 'application/x-www-form-urlencoded;charset=utf-8' }; } requstOptions.success = function (res) { //服务器返回数据 if (res && (res.statusCode === 200 || res.statusCode === 304 || res.statusCode === 400)) { if (res.data && res.data.ResultCode != '999' && res.data.ResultCode != undefined) { resolve(res.data); } else if (typeof res.data == 'object') {// 兼容招标投标模块 resolve(res.data); console.log('错误:' + res.data.Result_Code + ',' + res.data.Result_Desc); } else { resolve(res.data); uni.showToast({ title: res.data.ResultDesc || '服务器错误,请稍后重试', icon: 'none' }); } } else { //返回错误提示信息 console.log(res); reject(res.data); // reject("服务器错误,请稍后重试"); } }; requstOptions.fail = function (e) { resolve({ data: { error: '网络连接失败,请重试' } }); reject('网络连接失败,请重试'); }; requstOptions.complete = function () { _store.default.state.isLoading = false; }; //网络请求 uni.request(requstOptions); }).catch(function (reason, request) { uni.showToast({ title: reason, icon: 'none' }); }); return promise; } };exports.default = _default; /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 1)["default"])) /***/ }), /***/ 16: /*!*************************************************************************************************************************!*\ !*** F:/productsCheckedProject/yxcl_wechat/yxcl_wechat/node_modules/vuex-persistedstate/dist/vuex-persistedstate.es.js ***! \*************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true });exports.default = _default;var r = function r(_r) {return function (r) {return !!r && "object" == typeof r;}(_r) && !function (r) {var t = Object.prototype.toString.call(r);return "[object RegExp]" === t || "[object Date]" === t || function (r) {return r.$$typeof === e;}(r);}(_r);},e = "function" == typeof Symbol && Symbol.for ? Symbol.for("react.element") : 60103;function t(r, e) {return !1 !== e.clone && e.isMergeableObject(r) ? c(Array.isArray(r) ? [] : {}, r, e) : r;}function n(r, e, n) {return r.concat(e).map(function (r) {return t(r, n);});}function o(r) {return Object.keys(r).concat(function (r) {return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(r).filter(function (e) {return r.propertyIsEnumerable(e);}) : [];}(r));}function u(r, e) {try {return e in r;} catch (r) {return !1;}}function c(e, i, a) {(a = a || {}).arrayMerge = a.arrayMerge || n, a.isMergeableObject = a.isMergeableObject || r, a.cloneUnlessOtherwiseSpecified = t;var f = Array.isArray(i);return f === Array.isArray(e) ? f ? a.arrayMerge(e, i, a) : function (r, e, n) {var i = {};return n.isMergeableObject(r) && o(r).forEach(function (e) {i[e] = t(r[e], n);}), o(e).forEach(function (o) {(function (r, e) {return u(r, e) && !(Object.hasOwnProperty.call(r, e) && Object.propertyIsEnumerable.call(r, e));})(r, o) || (i[o] = u(r, o) && n.isMergeableObject(e[o]) ? function (r, e) {if (!e.customMerge) return c;var t = e.customMerge(r);return "function" == typeof t ? t : c;}(o, n)(r[o], e[o], n) : t(e[o], n));}), i;}(e, i, a) : t(i, a);}c.all = function (r, e) {if (!Array.isArray(r)) throw new Error("first argument should be an array");return r.reduce(function (r, t) {return c(r, t, e);}, {});};var i = c;function a(r, e, t) {return void 0 === (r = (e.split ? e.split(".") : e).reduce(function (r, e) {return r && r[e];}, r)) ? t : r;}function _default(r, e, t) {if (e = (r = r || {}).storage || window && window.localStorage, t = r.key || "vuex", !function (r) {try {return r.setItem("@@", 1), r.removeItem("@@"), !0;} catch (r) {}return !1;}(e)) throw new Error("Invalid storage instance given");var n = a(r, "getState", function (r, e, t) {try {return (t = e.getItem(r)) && void 0 !== t ? JSON.parse(t) : void 0;} catch (r) {}})(t, e);return function (o) {"object" == typeof n && null !== n && (o.replaceState(i(o.state, n, { arrayMerge: r.arrayMerger || function (r, e) {return e;}, clone: !1 })), (r.rehydrated || function () {})(o)), (r.subscriber || function (r) {return function (e) {return r.subscribe(e);};})(o)(function (n, o) {(r.filter || function () {return !0;})(n) && (r.setState || function (r, e, t) {return t.setItem(r, JSON.stringify(e));})(t, (r.reducer || function (r, e) {return 0 === e.length ? r : e.reduce(function (e, t) {return function (r, e, t, n) {return (e = e.split ? e.split(".") : e).slice(0, -1).reduce(function (r, e) {return r[e] = r[e] || {};}, r)[e.pop()] = t, r;}(e, t, a(r, t));}, {});})(o, r.paths || []), e);});};} /***/ }), /***/ 17: /*!*************************************************************************!*\ !*** F:/productsCheckedProject/yxcl_wechat/yxcl_wechat/common/utils.js ***! \*************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* WEBPACK VAR INJECTION */(function(uni) {Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _store = _interopRequireDefault(__webpack_require__(/*! ../store/store.js */ 12)); var _index = _interopRequireDefault(__webpack_require__(/*! @/util/index.js */ 13));var _this = void 0;function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };} var netChange = function netChange() { console.log(_this); uni.onNetworkStatusChange(function (res) { console.log(res.isConnected); _store.default.mutations.isConnect(res.isConnected); if (!res.isConnected) { uni.showToast({ title: '网络未连接', icon: 'none' }); } }); }; var cutDate = function cutDate(dd, type, daynum) { dd = new Date(dd) || new Date(); type = type || 'YYYY/MM/DD'; //hh:mm:ss daynum = daynum || 0; dd.setDate(dd.getDate() + daynum); // 获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = dd.getMonth() + 1 < 10 ? '0' + (dd.getMonth() + 1) : dd.getMonth() + 1; // 获取当前月份的日期,不足10补0 var d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate(); // 获取当前几号,不足10补0 var h = dd.getHours() < 10 ? '0' + dd.getHours() : dd.getHours(); var mi = dd.getMinutes() < 10 ? '0' + dd.getMinutes() : dd.getMinutes(); var s = dd.getSeconds() < 10 ? '0' + dd.getSeconds() : dd.getSeconds(); return type.replace('YYYY', y).replace('MM', m).replace('DD', d).replace('hh', h).replace('mm', mi).replace('ss', s); }; // 金额格式化处理方法 var fmoney = function fmoney(s, n) { /* * 参数说明: * s:要格式化的数字 * n:保留几位小数 * */ n = n > 0 && n <= 20 ? n : 2; var fuhao = ''; //如果数字小于零则值为- if (s < 0) { s = Math.abs(s); fuhao = '-'; } s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + ""; var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1]; var t = ""; for (var i = 0; i < l.length; i++) { t += l[i] + ((i + 1) % 3 == 0 && i + 1 != l.length ? "," : ""); } return fuhao + t.split("").reverse().join("") + "." + r; }; function toNextRoute(type, url) { uni[type]({ url: url, success: function success(result) { addUserBehavior({ intoRoute: url }); } }); } function addUserBehavior(obj) { var pages = getCurrentPages(); // 获取加载的页面 var len = pages.length; var currentPage = pages[len - 1]; // 获取当前页面的对象 var nowRoute = '/' + currentPage.route; // 当前页面url if (obj) { obj.outtoRoute = obj.outtoRoute === '' || obj.outtoRoute ? obj.outtoRoute : nowRoute; obj.intoRoute = obj.intoRoute ? obj.intoRoute.split('?')[0] : ''; } else { obj = {}; obj.outtoRoute = nowRoute; obj.intoRoute = '/' + pages[len - 2].route; } obj.visitChannels = _store.default.state.visitChannels; _index.default.$webGet('WeChat/AddUserBehaviorNew', obj).then(function (res) { console.log(obj); }); }var _default = { netChange: netChange, cutDate: cutDate, fmoney: fmoney, toNextRoute: toNextRoute, addUserBehavior: addUserBehavior };exports.default = _default; /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 1)["default"])) /***/ }), /***/ 174: /*!*****************************************************************************************!*\ !*** F:/productsCheckedProject/yxcl_wechat/yxcl_wechat/components/u-charts/u-charts.js ***! \*****************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* WEBPACK VAR INJECTION */(function(uni) {/* * uCharts v1.9.4.20200331 * uni-app平台高性能跨全端图表,支持H5、APP、小程序(微信/支付宝/百度/头条/QQ/360) * Copyright (c) 2019 QIUN秋云 https://www.ucharts.cn All rights reserved. * Licensed ( http://www.apache.org/licenses/LICENSE-2.0 ) * * uCharts官方网站 * https://www.uCharts.cn * * 开源地址: * https://gitee.com/uCharts/uCharts * * uni-app插件市场地址: * http://ext.dcloud.net.cn/plugin?id=271 * */ var config = { yAxisWidth: 15, yAxisSplit: 5, xAxisHeight: 15, xAxisLineHeight: 15, legendHeight: 15, yAxisTitleWidth: 15, padding: [10, 10, 10, 10], pixelRatio: 1, rotate: false, columePadding: 3, fontSize: 13, //dataPointShape: ['diamond', 'circle', 'triangle', 'rect'], dataPointShape: ['circle', 'circle', 'circle', 'circle'], colors: ['#1890ff', '#2fc25b', '#facc14', '#f04864', '#8543e0', '#90ed7d'], pieChartLinePadding: 15, pieChartTextPadding: 5, xAxisTextPadding: 3, titleColor: '#333333', titleFontSize: 20, subtitleColor: '#999999', subtitleFontSize: 15, toolTipPadding: 3, toolTipBackground: '#000000', toolTipOpacity: 0.7, toolTipLineHeight: 20, radarLabelTextMargin: 15, gaugeLabelTextMargin: 15 }; var assign = function assign(target) {for (var _len2 = arguments.length, varArgs = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {varArgs[_key2 - 1] = arguments[_key2];} if (target == null) { throw new TypeError('Cannot convert undefined or null to object'); } if (!varArgs || varArgs.length <= 0) { return target; } // 深度合并对象 function deepAssign(obj1, obj2) { for (var key in obj2) { obj1[key] = obj1[key] && obj1[key].toString() === "[object Object]" ? deepAssign(obj1[key], obj2[key]) : obj1[key] = obj2[key]; } return obj1; } varArgs.forEach(function (val) { target = deepAssign(target, val); }); return target; }; var util = { toFixed: function toFixed(num, limit) { limit = limit || 2; if (this.isFloat(num)) { num = num.toFixed(limit); } return num; }, isFloat: function isFloat(num) { return num % 1 !== 0; }, approximatelyEqual: function approximatelyEqual(num1, num2) { return Math.abs(num1 - num2) < 1e-10; }, isSameSign: function isSameSign(num1, num2) { return Math.abs(num1) === num1 && Math.abs(num2) === num2 || Math.abs(num1) !== num1 && Math.abs(num2) !== num2; }, isSameXCoordinateArea: function isSameXCoordinateArea(p1, p2) { return this.isSameSign(p1.x, p2.x); }, isCollision: function isCollision(obj1, obj2) { obj1.end = {}; obj1.end.x = obj1.start.x + obj1.width; obj1.end.y = obj1.start.y - obj1.height; obj2.end = {}; obj2.end.x = obj2.start.x + obj2.width; obj2.end.y = obj2.start.y - obj2.height; var flag = obj2.start.x > obj1.end.x || obj2.end.x < obj1.start.x || obj2.end.y > obj1.start.y || obj2.start.y < obj1.end.y; return !flag; } }; //兼容H5点击事件 function getH5Offset(e) { e.mp = { changedTouches: [] }; e.mp.changedTouches.push({ x: e.offsetX, y: e.offsetY }); return e; } // hex 转 rgba function hexToRgb(hexValue, opc) { var rgx = /^#?([a-f\d])([a-f\d])([a-f\d])$/i; var hex = hexValue.replace(rgx, function (m, r, g, b) { return r + r + g + g + b + b; }); var rgb = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); var r = parseInt(rgb[1], 16); var g = parseInt(rgb[2], 16); var b = parseInt(rgb[3], 16); return 'rgba(' + r + ',' + g + ',' + b + ',' + opc + ')'; } function findRange(num, type, limit) { if (isNaN(num)) { throw new Error('[uCharts] unvalid series data!'); } limit = limit || 10; type = type ? type : 'upper'; var multiple = 1; while (limit < 1) { limit *= 10; multiple *= 10; } if (type === 'upper') { num = Math.ceil(num * multiple); } else { num = Math.floor(num * multiple); } while (num % limit !== 0) { if (type === 'upper') { num++; } else { num--; } } return num / multiple; } function calCandleMA(dayArr, nameArr, colorArr, kdata) { var seriesTemp = []; for (var k = 0; k < dayArr.length; k++) { var seriesItem = { data: [], name: nameArr[k], color: colorArr[k] }; for (var i = 0, len = kdata.length; i < len; i++) { if (i < dayArr[k]) { seriesItem.data.push(null); continue; } var sum = 0; for (var j = 0; j < dayArr[k]; j++) { sum += kdata[i - j][1]; } seriesItem.data.push(+(sum / dayArr[k]).toFixed(3)); } seriesTemp.push(seriesItem); } return seriesTemp; } function calValidDistance(self, distance, chartData, config, opts) { var dataChartAreaWidth = opts.width - opts.area[1] - opts.area[3]; var dataChartWidth = chartData.eachSpacing * (opts.chartData.xAxisData.xAxisPoints.length - 1); var validDistance = distance; if (distance >= 0) { validDistance = 0; self.event.trigger('scrollLeft'); } else if (Math.abs(distance) >= dataChartWidth - dataChartAreaWidth) { validDistance = dataChartAreaWidth - dataChartWidth; self.event.trigger('scrollRight'); } return validDistance; } function isInAngleRange(angle, startAngle, endAngle) { function adjust(angle) { while (angle < 0) { angle += 2 * Math.PI; } while (angle > 2 * Math.PI) { angle -= 2 * Math.PI; } return angle; } angle = adjust(angle); startAngle = adjust(startAngle); endAngle = adjust(endAngle); if (startAngle > endAngle) { endAngle += 2 * Math.PI; if (angle < startAngle) { angle += 2 * Math.PI; } } return angle >= startAngle && angle <= endAngle; } function calRotateTranslate(x, y, h) { var xv = x; var yv = h - y; var transX = xv + (h - yv - xv) / Math.sqrt(2); transX *= -1; var transY = (h - yv) * (Math.sqrt(2) - 1) - (h - yv - xv) / Math.sqrt(2); return { transX: transX, transY: transY }; } function createCurveControlPoints(points, i) { function isNotMiddlePoint(points, i) { if (points[i - 1] && points[i + 1]) { return points[i].y >= Math.max(points[i - 1].y, points[i + 1].y) || points[i].y <= Math.min(points[i - 1].y, points[i + 1].y); } else { return false; } } function isNotMiddlePointX(points, i) { if (points[i - 1] && points[i + 1]) { return points[i].x >= Math.max(points[i - 1].x, points[i + 1].x) || points[i].x <= Math.min(points[i - 1].x, points[i + 1].x); } else { return false; } } var a = 0.2; var b = 0.2; var pAx = null; var pAy = null; var pBx = null; var pBy = null; if (i < 1) { pAx = points[0].x + (points[1].x - points[0].x) * a; pAy = points[0].y + (points[1].y - points[0].y) * a; } else { pAx = points[i].x + (points[i + 1].x - points[i - 1].x) * a; pAy = points[i].y + (points[i + 1].y - points[i - 1].y) * a; } if (i > points.length - 3) { var last = points.length - 1; pBx = points[last].x - (points[last].x - points[last - 1].x) * b; pBy = points[last].y - (points[last].y - points[last - 1].y) * b; } else { pBx = points[i + 1].x - (points[i + 2].x - points[i].x) * b; pBy = points[i + 1].y - (points[i + 2].y - points[i].y) * b; } if (isNotMiddlePoint(points, i + 1)) { pBy = points[i + 1].y; } if (isNotMiddlePoint(points, i)) { pAy = points[i].y; } if (isNotMiddlePointX(points, i + 1)) { pBx = points[i + 1].x; } if (isNotMiddlePointX(points, i)) { pAx = points[i].x; } if (pAy >= Math.max(points[i].y, points[i + 1].y) || pAy <= Math.min(points[i].y, points[i + 1].y)) { pAy = points[i].y; } if (pBy >= Math.max(points[i].y, points[i + 1].y) || pBy <= Math.min(points[i].y, points[i + 1].y)) { pBy = points[i + 1].y; } if (pAx >= Math.max(points[i].x, points[i + 1].x) || pAx <= Math.min(points[i].x, points[i + 1].x)) { pAx = points[i].x; } if (pBx >= Math.max(points[i].x, points[i + 1].x) || pBx <= Math.min(points[i].x, points[i + 1].x)) { pBx = points[i + 1].x; } return { ctrA: { x: pAx, y: pAy }, ctrB: { x: pBx, y: pBy } }; } function convertCoordinateOrigin(x, y, center) { return { x: center.x + x, y: center.y - y }; } function avoidCollision(obj, target) { if (target) { // is collision test while (util.isCollision(obj, target)) { if (obj.start.x > 0) { obj.start.y--; } else if (obj.start.x < 0) { obj.start.y++; } else { if (obj.start.y > 0) { obj.start.y++; } else { obj.start.y--; } } } } return obj; } function fillSeries(series, opts, config) { var index = 0; return series.map(function (item) { if (!item.color) { item.color = config.colors[index]; index = (index + 1) % config.colors.length; } if (!item.index) { item.index = 0; } if (!item.type) { item.type = opts.type; } if (typeof item.show == "undefined") { item.show = true; } if (!item.type) { item.type = opts.type; } if (!item.pointShape) { item.pointShape = "circle"; } if (!item.legendShape) { switch (item.type) { case 'line': item.legendShape = "line"; break; case 'column': item.legendShape = "rect"; break; case 'area': item.legendShape = "triangle"; break; default: item.legendShape = "circle";} } return item; }); } function getDataRange(minData, maxData) { var limit = 0; var range = maxData - minData; if (range >= 10000) { limit = 1000; } else if (range >= 1000) { limit = 100; } else if (range >= 100) { limit = 10; } else if (range >= 10) { limit = 5; } else if (range >= 1) { limit = 1; } else if (range >= 0.1) { limit = 0.1; } else if (range >= 0.01) { limit = 0.01; } else if (range >= 0.001) { limit = 0.001; } else if (range >= 0.0001) { limit = 0.0001; } else if (range >= 0.00001) { limit = 0.00001; } else { limit = 0.000001; } return { minRange: findRange(minData, 'lower', limit), maxRange: findRange(maxData, 'upper', limit) }; } function measureText(_text) { var fontSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : config.fontSize; if (_text instanceof Array) { var max = 0; _text.map(function (n) { var len = getLen(n); if (max < len) { max = len; } }); return max; } else { return getLen(_text); } function getLen(text) { text = String(text); var text = text.split(''); var width = 0; for (var i = 0; i < text.length; i++) { var item = text[i]; if (/[a-zA-Z]/.test(item)) { width += 7; } else if (/[0-9]/.test(item)) { width += 5.5; } else if (/\./.test(item)) { width += 2.7; } else if (/-/.test(item)) { width += 3.25; } else if (/[\u4e00-\u9fa5]/.test(item)) { width += 10; } else if (/\(|\)/.test(item)) { width += 3.73; } else if (/\s/.test(item)) { width += 2.5; } else if (/%/.test(item)) { width += 8; } else { width += 10; } } return width * fontSize / 10; } } function dataCombine(series) { return series.reduce(function (a, b) { return (a.data ? a.data : a).concat(b.data); }, []); } function dataCombineStack(series, len) { var sum = new Array(len); for (var j = 0; j < sum.length; j++) { sum[j] = 0; } for (var i = 0; i < series.length; i++) { for (var j = 0; j < sum.length; j++) { sum[j] += series[i].data[j]; } } return series.reduce(function (a, b) { return (a.data ? a.data : a).concat(b.data).concat(sum); }, []); } function getTouches(touches, opts, e) { var x, y; if (touches.clientX) { if (opts.rotate) { y = opts.height - touches.clientX * opts.pixelRatio; x = (touches.pageY - e.currentTarget.offsetTop - opts.height / opts.pixelRatio / 2 * (opts.pixelRatio - 1)) * opts.pixelRatio; } else { x = touches.clientX * opts.pixelRatio; y = (touches.pageY - e.currentTarget.offsetTop - opts.height / opts.pixelRatio / 2 * (opts.pixelRatio - 1)) * opts.pixelRatio; } } else { if (opts.rotate) { y = opts.height - touches.x * opts.pixelRatio; x = touches.y * opts.pixelRatio; } else { x = touches.x * opts.pixelRatio; y = touches.y * opts.pixelRatio; } } return { x: x, y: y }; } function getSeriesDataItem(series, index) { var data = []; for (var i = 0; i < series.length; i++) { var item = series[i]; if (item.data[index] !== null && typeof item.data[index] !== 'undefined' && item.show) { var seriesItem = {}; seriesItem.color = item.color; seriesItem.type = item.type; seriesItem.style = item.style; seriesItem.pointShape = item.pointShape; seriesItem.disableLegend = item.disableLegend; seriesItem.name = item.name; seriesItem.show = item.show; seriesItem.data = item.format ? item.format(item.data[index]) : item.data[index]; data.push(seriesItem); } } return data; } function getMaxTextListLength(list) { var lengthList = list.map(function (item) { return measureText(item); }); return Math.max.apply(null, lengthList); } function getRadarCoordinateSeries(length) { var eachAngle = 2 * Math.PI / length; var CoordinateSeries = []; for (var i = 0; i < length; i++) { CoordinateSeries.push(eachAngle * i); } return CoordinateSeries.map(function (item) { return -1 * item + Math.PI / 2; }); } function getToolTipData(seriesData, calPoints, index, categories) { var option = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {}; var textList = seriesData.map(function (item) { var titleText = []; if (categories) { titleText = categories; } else { titleText = item.data; } return { text: option.format ? option.format(item, titleText[index]) : item.name + ': ' + item.data, color: item.color }; }); var validCalPoints = []; var offset = { x: 0, y: 0 }; for (var i = 0; i < calPoints.length; i++) { var points = calPoints[i]; if (typeof points[index] !== 'undefined' && points[index] !== null) { validCalPoints.push(points[index]); } } for (var _i = 0; _i < validCalPoints.length; _i++) { var item = validCalPoints[_i]; offset.x = Math.round(item.x); offset.y += item.y; } offset.y /= validCalPoints.length; return { textList: textList, offset: offset }; } function getMixToolTipData(seriesData, calPoints, index, categories) { var option = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {}; var textList = seriesData.map(function (item) { return { text: option.format ? option.format(item, categories[index]) : item.name + ': ' + item.data, color: item.color, disableLegend: item.disableLegend ? true : false }; }); textList = textList.filter(function (item) { if (item.disableLegend !== true) { return item; } }); var validCalPoints = []; var offset = { x: 0, y: 0 }; for (var i = 0; i < calPoints.length; i++) { var points = calPoints[i]; if (typeof points[index] !== 'undefined' && points[index] !== null) { validCalPoints.push(points[index]); } } for (var _i2 = 0; _i2 < validCalPoints.length; _i2++) { var item = validCalPoints[_i2]; offset.x = Math.round(item.x); offset.y += item.y; } offset.y /= validCalPoints.length; return { textList: textList, offset: offset }; } function getCandleToolTipData(series, seriesData, calPoints, index, categories, extra) { var option = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {}; var upColor = extra.color.upFill; var downColor = extra.color.downFill; //颜色顺序为开盘,收盘,最低,最高 var color = [upColor, upColor, downColor, upColor]; var textList = []; var text0 = { text: categories[index], color: null }; textList.push(text0); seriesData.map(function (item) { if (index == 0) { if (item.data[1] - item.data[0] < 0) { color[1] = downColor; } else { color[1] = upColor; } } else { if (item.data[0] < series[index - 1][1]) { color[0] = downColor; } if (item.data[1] < item.data[0]) { color[1] = downColor; } if (item.data[2] > series[index - 1][1]) { color[2] = upColor; } if (item.data[3] < series[index - 1][1]) { color[3] = downColor; } } var text1 = { text: '开盘:' + item.data[0], color: color[0] }; var text2 = { text: '收盘:' + item.data[1], color: color[1] }; var text3 = { text: '最低:' + item.data[2], color: color[2] }; var text4 = { text: '最高:' + item.data[3], color: color[3] }; textList.push(text1, text2, text3, text4); }); var validCalPoints = []; var offset = { x: 0, y: 0 }; for (var i = 0; i < calPoints.length; i++) { var points = calPoints[i]; if (typeof points[index] !== 'undefined' && points[index] !== null) { validCalPoints.push(points[index]); } } offset.x = Math.round(validCalPoints[0][0].x); return { textList: textList, offset: offset }; } function filterSeries(series) { var tempSeries = []; for (var i = 0; i < series.length; i++) { if (series[i].show == true) { tempSeries.push(series[i]); } } return tempSeries; } function findCurrentIndex(currentPoints, calPoints, opts, config) { var offset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0; var currentIndex = -1; var spacing = opts.chartData.eachSpacing / 2; var xAxisPoints = []; if (calPoints.length > 0) { if (opts.type == 'candle') { for (var i = 0; i < calPoints[0].length; i++) { xAxisPoints.push(calPoints[0][i][0].x); } } else { for (var _i3 = 0; _i3 < calPoints[0].length; _i3++) { xAxisPoints.push(calPoints[0][_i3].x); } } if ((opts.type == 'line' || opts.type == 'area') && opts.xAxis.boundaryGap == 'justify') { spacing = opts.chartData.eachSpacing / 2; } if (!opts.categories) { spacing = 0; } if (isInExactChartArea(currentPoints, opts, config)) { xAxisPoints.forEach(function (item, index) { if (currentPoints.x + offset + spacing > item) { currentIndex = index; } }); } } return currentIndex; } function findLegendIndex(currentPoints, legendData, opts) { var currentIndex = -1; if (isInExactLegendArea(currentPoints, legendData.area)) { var points = legendData.points; var index = -1; for (var i = 0, len = points.length; i < len; i++) { var item = points[i]; for (var j = 0; j < item.length; j++) { index += 1; var area = item[j]['area']; if (currentPoints.x > area[0] && currentPoints.x < area[2] && currentPoints.y > area[1] && currentPoints.y < area[3]) { currentIndex = index; break; } } } return currentIndex; } return currentIndex; } function isInExactLegendArea(currentPoints, area) { return currentPoints.x > area.start.x && currentPoints.x < area.end.x && currentPoints.y > area.start.y && currentPoints.y < area.end.y; } function isInExactChartArea(currentPoints, opts, config) { return currentPoints.x <= opts.width - opts.area[1] + 10 && currentPoints.x >= opts.area[3] - 10 && currentPoints.y >= opts.area[0] && currentPoints.y <= opts.height - opts.area[2]; } function findRadarChartCurrentIndex(currentPoints, radarData, count) { var eachAngleArea = 2 * Math.PI / count; var currentIndex = -1; if (isInExactPieChartArea(currentPoints, radarData.center, radarData.radius)) { var fixAngle = function fixAngle(angle) { if (angle < 0) { angle += 2 * Math.PI; } if (angle > 2 * Math.PI) { angle -= 2 * Math.PI; } return angle; }; var angle = Math.atan2(radarData.center.y - currentPoints.y, currentPoints.x - radarData.center.x); angle = -1 * angle; if (angle < 0) { angle += 2 * Math.PI; } var angleList = radarData.angleList.map(function (item) { item = fixAngle(-1 * item); return item; }); angleList.forEach(function (item, index) { var rangeStart = fixAngle(item - eachAngleArea / 2); var rangeEnd = fixAngle(item + eachAngleArea / 2); if (rangeEnd < rangeStart) { rangeEnd += 2 * Math.PI; } if (angle >= rangeStart && angle <= rangeEnd || angle + 2 * Math.PI >= rangeStart && angle + 2 * Math.PI <= rangeEnd) { currentIndex = index; } }); } return currentIndex; } function findFunnelChartCurrentIndex(currentPoints, funnelData) { var currentIndex = -1; for (var i = 0, len = funnelData.series.length; i < len; i++) { var item = funnelData.series[i]; if (currentPoints.x > item.funnelArea[0] && currentPoints.x < item.funnelArea[2] && currentPoints.y > item.funnelArea[1] && currentPoints.y < item.funnelArea[3]) { currentIndex = i; break; } } return currentIndex; } function findWordChartCurrentIndex(currentPoints, wordData) { var currentIndex = -1; for (var i = 0, len = wordData.length; i < len; i++) { var item = wordData[i]; if (currentPoints.x > item.area[0] && currentPoints.x < item.area[2] && currentPoints.y > item.area[1] && currentPoints.y < item.area[3]) { currentIndex = i; break; } } return currentIndex; } function findMapChartCurrentIndex(currentPoints, opts) { var currentIndex = -1; var cData = opts.chartData.mapData; var data = opts.series; var tmp = pointToCoordinate(currentPoints.y, currentPoints.x, cData.bounds, cData.scale, cData.xoffset, cData.yoffset); var poi = [tmp.x, tmp.y]; for (var i = 0, len = data.length; i < len; i++) { var item = data[i].geometry.coordinates; if (isPoiWithinPoly(poi, item)) { currentIndex = i; break; } } return currentIndex; } function findPieChartCurrentIndex(currentPoints, pieData) { var currentIndex = -1; if (isInExactPieChartArea(currentPoints, pieData.center, pieData.radius)) { var angle = Math.atan2(pieData.center.y - currentPoints.y, currentPoints.x - pieData.center.x); angle = -angle; for (var i = 0, len = pieData.series.length; i < len; i++) { var item = pieData.series[i]; if (isInAngleRange(angle, item._start_, item._start_ + item._proportion_ * 2 * Math.PI)) { currentIndex = i; break; } } } return currentIndex; } function isInExactPieChartArea(currentPoints, center, radius) { return Math.pow(currentPoints.x - center.x, 2) + Math.pow(currentPoints.y - center.y, 2) <= Math.pow(radius, 2); } function splitPoints(points) { var newPoints = []; var items = []; points.forEach(function (item, index) { if (item !== null) { items.push(item); } else { if (items.length) { newPoints.push(items); } items = []; } }); if (items.length) { newPoints.push(items); } return newPoints; } function calLegendData(series, opts, config, chartData) { var legendData = { area: { start: { x: 0, y: 0 }, end: { x: 0, y: 0 }, width: 0, height: 0, wholeWidth: 0, wholeHeight: 0 }, points: [], widthArr: [], heightArr: [] }; if (opts.legend.show === false) { chartData.legendData = legendData; return legendData; } var padding = opts.legend.padding; var margin = opts.legend.margin; var fontSize = opts.legend.fontSize; var shapeWidth = 15 * opts.pixelRatio; var shapeRight = 5 * opts.pixelRatio; var lineHeight = Math.max(opts.legend.lineHeight * opts.pixelRatio, fontSize); if (opts.legend.position == 'top' || opts.legend.position == 'bottom') { var legendList = []; var widthCount = 0; var widthCountArr = []; var currentRow = []; for (var i = 0; i < series.length; i++) { var item = series[i]; var itemWidth = shapeWidth + shapeRight + measureText(item.name || 'undefined', fontSize) + opts.legend.itemGap; if (widthCount + itemWidth > opts.width - opts.padding[1] - opts.padding[3]) { legendList.push(currentRow); widthCountArr.push(widthCount - opts.legend.itemGap); widthCount = itemWidth; currentRow = [item]; } else { widthCount += itemWidth; currentRow.push(item); } } if (currentRow.length) { legendList.push(currentRow); widthCountArr.push(widthCount - opts.legend.itemGap); legendData.widthArr = widthCountArr; var legendWidth = Math.max.apply(null, widthCountArr); switch (opts.legend.float) { case 'left': legendData.area.start.x = opts.padding[3]; legendData.area.end.x = opts.padding[3] + 2 * padding; break; case 'right': legendData.area.start.x = opts.width - opts.padding[1] - legendWidth - 2 * padding; legendData.area.end.x = opts.width - opts.padding[1]; break; default: legendData.area.start.x = (opts.width - legendWidth) / 2 - padding; legendData.area.end.x = (opts.width + legendWidth) / 2 + padding;} legendData.area.width = legendWidth + 2 * padding; legendData.area.wholeWidth = legendWidth + 2 * padding; legendData.area.height = legendList.length * lineHeight + 2 * padding; legendData.area.wholeHeight = legendList.length * lineHeight + 2 * padding + 2 * margin; legendData.points = legendList; } } else { var len = series.length; var maxHeight = opts.height - opts.padding[0] - opts.padding[2] - 2 * margin - 2 * padding; var maxLength = Math.min(Math.floor(maxHeight / lineHeight), len); legendData.area.height = maxLength * lineHeight + padding * 2; legendData.area.wholeHeight = maxLength * lineHeight + padding * 2; switch (opts.legend.float) { case 'top': legendData.area.start.y = opts.padding[0] + margin; legendData.area.end.y = opts.padding[0] + margin + legendData.area.height; break; case 'bottom': legendData.area.start.y = opts.height - opts.padding[2] - margin - legendData.area.height; legendData.area.end.y = opts.height - opts.padding[2] - margin; break; default: legendData.area.start.y = (opts.height - legendData.area.height) / 2; legendData.area.end.y = (opts.height + legendData.area.height) / 2;} var lineNum = len % maxLength === 0 ? len / maxLength : Math.floor(len / maxLength + 1); var _currentRow = []; for (var _i4 = 0; _i4 < lineNum; _i4++) { var temp = series.slice(_i4 * maxLength, _i4 * maxLength + maxLength); _currentRow.push(temp); } legendData.points = _currentRow; if (_currentRow.length) { for (var _i5 = 0; _i5 < _currentRow.length; _i5++) { var _item = _currentRow[_i5]; var maxWidth = 0; for (var j = 0; j < _item.length; j++) { var _itemWidth = shapeWidth + shapeRight + measureText(_item[j].name || 'undefined', fontSize) + opts.legend.itemGap; if (_itemWidth > maxWidth) { maxWidth = _itemWidth; } } legendData.widthArr.push(maxWidth); legendData.heightArr.push(_item.length * lineHeight + padding * 2); } var _legendWidth = 0; for (var _i6 = 0; _i6 < legendData.widthArr.length; _i6++) { _legendWidth += legendData.widthArr[_i6]; } legendData.area.width = _legendWidth - opts.legend.itemGap + 2 * padding; legendData.area.wholeWidth = legendData.area.width + padding; } } switch (opts.legend.position) { case 'top': legendData.area.start.y = opts.padding[0] + margin; legendData.area.end.y = opts.padding[0] + margin + legendData.area.height; break; case 'bottom': legendData.area.start.y = opts.height - opts.padding[2] - legendData.area.height - margin; legendData.area.end.y = opts.height - opts.padding[2] - margin; break; case 'left': legendData.area.start.x = opts.padding[3]; legendData.area.end.x = opts.padding[3] + legendData.area.width; break; case 'right': legendData.area.start.x = opts.width - opts.padding[1] - legendData.area.width; legendData.area.end.x = opts.width - opts.padding[1]; break;} chartData.legendData = legendData; return legendData; } function calCategoriesData(categories, opts, config, eachSpacing) { var result = { angle: 0, xAxisHeight: config.xAxisHeight }; var categoriesTextLenth = categories.map(function (item) { return measureText(item, opts.xAxis.fontSize || config.fontSize); }); var maxTextLength = Math.max.apply(this, categoriesTextLenth); if (opts.xAxis.rotateLabel == true && maxTextLength + 2 * config.xAxisTextPadding > eachSpacing) { result.angle = 45 * Math.PI / 180; result.xAxisHeight = 2 * config.xAxisTextPadding + maxTextLength * Math.sin(result.angle); } return result; } function getXAxisTextList(series, opts, config) { var index = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : -1; var data = dataCombine(series); var sorted = []; // remove null from data data = data.filter(function (item) { //return item !== null; if (typeof item === 'object' && item !== null) { if (item.constructor == Array) { return item !== null; } else { return item.value !== null; } } else { return item !== null; } }); data.map(function (item) { if (typeof item === 'object') { if (item.constructor == Array) { if (opts.type == 'candle') { item.map(function (subitem) { sorted.push(subitem); }); } else { sorted.push(item[0]); } } else { sorted.push(item.value); } } else { sorted.push(item); } }); var minData = 0; var maxData = 0; if (sorted.length > 0) { minData = Math.min.apply(this, sorted); maxData = Math.max.apply(this, sorted); } //为了兼容v1.9.0之前的项目 if (index > -1) { if (typeof opts.xAxis.data[index].min === 'number') { minData = Math.min(opts.xAxis.data[index].min, minData); } if (typeof opts.xAxis.data[index].max === 'number') { maxData = Math.max(opts.xAxis.data[index].max, maxData); } } else { if (typeof opts.xAxis.min === 'number') { minData = Math.min(opts.xAxis.min, minData); } if (typeof opts.xAxis.max === 'number') { maxData = Math.max(opts.xAxis.max, maxData); } } if (minData === maxData) { var rangeSpan = maxData || 10; maxData += rangeSpan; } //var dataRange = getDataRange(minData, maxData); var minRange = minData; var maxRange = maxData; var range = []; var eachRange = (maxRange - minRange) / opts.xAxis.splitNumber; for (var i = 0; i <= opts.xAxis.splitNumber; i++) { range.push(minRange + eachRange * i); } return range; } function calXAxisData(series, opts, config) { var result = { angle: 0, xAxisHeight: config.xAxisHeight }; result.ranges = getXAxisTextList(series, opts, config); result.rangesFormat = result.ranges.map(function (item) { item = opts.xAxis.format ? opts.xAxis.format(item) : util.toFixed(item, 2); return item; }); var xAxisScaleValues = result.ranges.map(function (item) { // 如果刻度值是浮点数,则保留两位小数 item = util.toFixed(item, 2); // 若有自定义格式则调用自定义的格式化函数 item = opts.xAxis.format ? opts.xAxis.format(Number(item)) : item; return item; }); result = Object.assign(result, getXAxisPoints(xAxisScaleValues, opts, config)); // 计算X轴刻度的属性譬如每个刻度的间隔,刻度的起始点\结束点以及总长 var eachSpacing = result.eachSpacing; var textLength = xAxisScaleValues.map(function (item) { return measureText(item); }); // get max length of categories text var maxTextLength = Math.max.apply(this, textLength); // 如果刻度值文本内容过长,则将其逆时针旋转45° if (maxTextLength + 2 * config.xAxisTextPadding > eachSpacing) { result.angle = 45 * Math.PI / 180; result.xAxisHeight = 2 * config.xAxisTextPadding + maxTextLength * Math.sin(result.angle); } if (opts.xAxis.disabled === true) { result.xAxisHeight = 0; } return result; } function getRadarDataPoints(angleList, center, radius, series, opts) { var process = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1; var radarOption = opts.extra.radar || {}; radarOption.max = radarOption.max || 0; var maxData = Math.max(radarOption.max, Math.max.apply(null, dataCombine(series))); var data = [];var _loop2 = function _loop2( i) { var each = series[i]; var listItem = {}; listItem.color = each.color; listItem.legendShape = each.legendShape; listItem.pointShape = each.pointShape; listItem.data = []; each.data.forEach(function (item, index) { var tmp = {}; tmp.angle = angleList[index]; tmp.proportion = item / maxData; tmp.position = convertCoordinateOrigin(radius * tmp.proportion * process * Math.cos(tmp.angle), radius * tmp.proportion * process * Math.sin(tmp.angle), center); listItem.data.push(tmp); }); data.push(listItem);};for (var i = 0; i < series.length; i++) {_loop2(i); } return data; } function getPieDataPoints(series, radius) { var process = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1; var count = 0; var _start_ = 0; for (var i = 0; i < series.length; i++) { var item = series[i]; item.data = item.data === null ? 0 : item.data; count += item.data; } for (var _i7 = 0; _i7 < series.length; _i7++) { var _item2 = series[_i7]; _item2.data = _item2.data === null ? 0 : _item2.data; if (count === 0) { _item2._proportion_ = 1 / series.length * process; } else { _item2._proportion_ = _item2.data / count * process; } _item2._radius_ = radius; } for (var _i8 = 0; _i8 < series.length; _i8++) { var _item3 = series[_i8]; _item3._start_ = _start_; _start_ += 2 * _item3._proportion_ * Math.PI; } return series; } function getFunnelDataPoints(series, radius) { var process = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1; series = series.sort(function (a, b) {return parseInt(b.data) - parseInt(a.data);}); for (var i = 0; i < series.length; i++) { series[i].radius = series[i].data / series[0].data * radius * process; series[i]._proportion_ = series[i].data / series[0].data; } return series.reverse(); } function getRoseDataPoints(series, type, minRadius, radius) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var count = 0; var _start_ = 0; var dataArr = []; for (var i = 0; i < series.length; i++) { var item = series[i]; item.data = item.data === null ? 0 : item.data; count += item.data; dataArr.push(item.data); } var minData = Math.min.apply(null, dataArr); var maxData = Math.max.apply(null, dataArr); var radiusLength = radius - minRadius; for (var _i9 = 0; _i9 < series.length; _i9++) { var _item4 = series[_i9]; _item4.data = _item4.data === null ? 0 : _item4.data; if (count === 0 || type == 'area') { _item4._proportion_ = _item4.data / count * process; _item4._rose_proportion_ = 1 / series.length * process; } else { _item4._proportion_ = _item4.data / count * process; _item4._rose_proportion_ = _item4.data / count * process; } _item4._radius_ = minRadius + radiusLength * ((_item4.data - minData) / (maxData - minData)); } for (var _i10 = 0; _i10 < series.length; _i10++) { var _item5 = series[_i10]; _item5._start_ = _start_; _start_ += 2 * _item5._rose_proportion_ * Math.PI; } return series; } function getArcbarDataPoints(series, arcbarOption) { var process = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1; if (process == 1) { process = 0.999999; } for (var i = 0; i < series.length; i++) { var item = series[i]; item.data = item.data === null ? 0 : item.data; var totalAngle = void 0; if (arcbarOption.type == 'circle') { totalAngle = 2; } else { if (arcbarOption.endAngle < arcbarOption.startAngle) { totalAngle = 2 + arcbarOption.endAngle - arcbarOption.startAngle; } else { totalAngle = arcbarOption.startAngle - arcbarOption.endAngle; } } item._proportion_ = totalAngle * item.data * process + arcbarOption.startAngle; if (item._proportion_ >= 2) { item._proportion_ = item._proportion_ % 2; } } return series; } function getGaugeAxisPoints(categories, startAngle, endAngle) { var totalAngle = startAngle - endAngle + 1; var tempStartAngle = startAngle; for (var i = 0; i < categories.length; i++) { categories[i].value = categories[i].value === null ? 0 : categories[i].value; categories[i]._startAngle_ = tempStartAngle; categories[i]._endAngle_ = totalAngle * categories[i].value + startAngle; if (categories[i]._endAngle_ >= 2) { categories[i]._endAngle_ = categories[i]._endAngle_ % 2; } tempStartAngle = categories[i]._endAngle_; } return categories; } function getGaugeDataPoints(series, categories, gaugeOption) { var process = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1; for (var i = 0; i < series.length; i++) { var item = series[i]; item.data = item.data === null ? 0 : item.data; if (gaugeOption.pointer.color == 'auto') { for (var _i11 = 0; _i11 < categories.length; _i11++) { if (item.data <= categories[_i11].value) { item.color = categories[_i11].color; break; } } } else { item.color = gaugeOption.pointer.color; } var totalAngle = gaugeOption.startAngle - gaugeOption.endAngle + 1; item._endAngle_ = totalAngle * item.data + gaugeOption.startAngle; item._oldAngle_ = gaugeOption.oldAngle; if (gaugeOption.oldAngle < gaugeOption.endAngle) { item._oldAngle_ += 2; } if (item.data >= gaugeOption.oldData) { item._proportion_ = (item._endAngle_ - item._oldAngle_) * process + gaugeOption.oldAngle; } else { item._proportion_ = item._oldAngle_ - (item._oldAngle_ - item._endAngle_) * process; } if (item._proportion_ >= 2) { item._proportion_ = item._proportion_ % 2; } } return series; } function getPieTextMaxLength(series) { series = getPieDataPoints(series); var maxLength = 0; for (var i = 0; i < series.length; i++) { var item = series[i]; var text = item.format ? item.format(+item._proportion_.toFixed(2)) : util.toFixed(item._proportion_ * 100) + '%'; maxLength = Math.max(maxLength, measureText(text)); } return maxLength; } function fixColumeData(points, eachSpacing, columnLen, index, config, opts) { return points.map(function (item) { if (item === null) { return null; } item.width = Math.ceil((eachSpacing - 2 * config.columePadding) / columnLen); if (opts.extra.column && opts.extra.column.width && +opts.extra.column.width > 0) { item.width = Math.min(item.width, +opts.extra.column.width); } if (item.width <= 0) { item.width = 1; } item.x += (index + 0.5 - columnLen / 2) * item.width; return item; }); } function fixColumeMeterData(points, eachSpacing, columnLen, index, config, opts, border) { return points.map(function (item) { if (item === null) { return null; } item.width = Math.ceil((eachSpacing - 2 * config.columePadding) / 2); if (opts.extra.column && opts.extra.column.width && +opts.extra.column.width > 0) { item.width = Math.min(item.width, +opts.extra.column.width); } if (index > 0) { item.width -= 2 * border; } return item; }); } function fixColumeStackData(points, eachSpacing, columnLen, index, config, opts, series) { return points.map(function (item, indexn) { if (item === null) { return null; } item.width = Math.ceil((eachSpacing - 2 * config.columePadding) / 2); if (opts.extra.column && opts.extra.column.width && +opts.extra.column.width > 0) { item.width = Math.min(item.width, +opts.extra.column.width); } return item; }); } function getXAxisPoints(categories, opts, config) { var spacingValid = opts.width - opts.area[1] - opts.area[3]; var dataCount = opts.enableScroll ? Math.min(opts.xAxis.itemCount, categories.length) : categories.length; if ((opts.type == 'line' || opts.type == 'area') && dataCount > 1 && opts.xAxis.boundaryGap == 'justify') { dataCount -= 1; } var eachSpacing = spacingValid / dataCount; var xAxisPoints = []; var startX = opts.area[3]; var endX = opts.width - opts.area[1]; categories.forEach(function (item, index) { xAxisPoints.push(startX + index * eachSpacing); }); if (opts.xAxis.boundaryGap !== 'justify') { if (opts.enableScroll === true) { xAxisPoints.push(startX + categories.length * eachSpacing); } else { xAxisPoints.push(endX); } } return { xAxisPoints: xAxisPoints, startX: startX, endX: endX, eachSpacing: eachSpacing }; } function getCandleDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config) { var process = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 1; var points = []; var validHeight = opts.height - opts.area[0] - opts.area[2]; data.forEach(function (item, index) { if (item === null) { points.push(null); } else { var cPoints = []; item.forEach(function (items, indexs) { var point = {}; point.x = xAxisPoints[index] + Math.round(eachSpacing / 2); var value = items.value || items; var height = validHeight * (value - minRange) / (maxRange - minRange); height *= process; point.y = opts.height - Math.round(height) - opts.area[2]; cPoints.push(point); }); points.push(cPoints); } }); return points; } function getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config) { var process = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 1; var boundaryGap = 'center'; if (opts.type == 'line' || opts.type == 'area') { boundaryGap = opts.xAxis.boundaryGap; } var points = []; var validHeight = opts.height - opts.area[0] - opts.area[2]; var validWidth = opts.width - opts.area[1] - opts.area[3]; data.forEach(function (item, index) { if (item === null) { points.push(null); } else { var point = {}; point.color = item.color; point.x = xAxisPoints[index]; var value = item; if (typeof item === 'object' && item !== null) { if (item.constructor == Array) { var xranges, xminRange, xmaxRange; xranges = [].concat(opts.chartData.xAxisData.ranges); xminRange = xranges.shift(); xmaxRange = xranges.pop(); value = item[1]; point.x = opts.area[3] + validWidth * (item[0] - xminRange) / (xmaxRange - xminRange); } else { value = item.value; } } if (boundaryGap == 'center') { point.x += Math.round(eachSpacing / 2); } var height = validHeight * (value - minRange) / (maxRange - minRange); height *= process; point.y = opts.height - Math.round(height) - opts.area[2]; points.push(point); } }); return points; } function getStackDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, seriesIndex, stackSeries) { var process = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : 1; var points = []; var validHeight = opts.height - opts.area[0] - opts.area[2]; data.forEach(function (item, index) { if (item === null) { points.push(null); } else { var point = {}; point.color = item.color; point.x = xAxisPoints[index] + Math.round(eachSpacing / 2); if (seriesIndex > 0) { var value = 0; for (var i = 0; i <= seriesIndex; i++) { value += stackSeries[i].data[index]; } var value0 = value - item; var height = validHeight * (value - minRange) / (maxRange - minRange); var height0 = validHeight * (value0 - minRange) / (maxRange - minRange); } else { var value = item; var height = validHeight * (value - minRange) / (maxRange - minRange); var height0 = 0; } var heightc = height0; height *= process; heightc *= process; point.y = opts.height - Math.round(height) - opts.area[2]; point.y0 = opts.height - Math.round(heightc) - opts.area[2]; points.push(point); } }); return points; } function getYAxisTextList(series, opts, config, stack) { var index = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : -1; var data; if (stack == 'stack') { data = dataCombineStack(series, opts.categories.length); } else { data = dataCombine(series); } var sorted = []; // remove null from data data = data.filter(function (item) { //return item !== null; if (typeof item === 'object' && item !== null) { if (item.constructor == Array) { return item !== null; } else { return item.value !== null; } } else { return item !== null; } }); data.map(function (item) { if (typeof item === 'object') { if (item.constructor == Array) { if (opts.type == 'candle') { item.map(function (subitem) { sorted.push(subitem); }); } else { sorted.push(item[1]); } } else { sorted.push(item.value); } } else { sorted.push(item); } }); var minData = 0; var maxData = 0; if (sorted.length > 0) { minData = Math.min.apply(this, sorted); maxData = Math.max.apply(this, sorted); } //为了兼容v1.9.0之前的项目 if (index > -1) { if (typeof opts.yAxis.data[index].min === 'number') { minData = Math.min(opts.yAxis.data[index].min, minData); } if (typeof opts.yAxis.data[index].max === 'number') { maxData = Math.max(opts.yAxis.data[index].max, maxData); } } else { if (typeof opts.yAxis.min === 'number') { minData = Math.min(opts.yAxis.min, minData); } if (typeof opts.yAxis.max === 'number') { maxData = Math.max(opts.yAxis.max, maxData); } } if (minData === maxData) { var rangeSpan = maxData || 10; maxData += rangeSpan; } var dataRange = getDataRange(minData, maxData); var minRange = dataRange.minRange; var maxRange = dataRange.maxRange; var range = []; var eachRange = (maxRange - minRange) / opts.yAxis.splitNumber; for (var i = 0; i <= opts.yAxis.splitNumber; i++) { range.push(minRange + eachRange * i); } return range.reverse(); } function calYAxisData(series, opts, config) { //堆叠图重算Y轴 var columnstyle = assign({}, { type: "" }, opts.extra.column); //如果是多Y轴,重新计算 var YLength = opts.yAxis.data.length; var newSeries = new Array(YLength); if (YLength > 0) { for (var i = 0; i < YLength; i++) { newSeries[i] = []; for (var j = 0; j < series.length; j++) { if (series[j].index == i) { newSeries[i].push(series[j]); } } } var rangesArr = new Array(YLength); var rangesFormatArr = new Array(YLength); var yAxisWidthArr = new Array(YLength);var _loop3 = function _loop3( _i12) { var yData = opts.yAxis.data[_i12]; //如果总开关不显示,强制每个Y轴为不显示 if (opts.yAxis.disabled == true) { yData.disabled = true; } rangesArr[_i12] = getYAxisTextList(newSeries[_i12], opts, config, columnstyle.type, _i12); var yAxisFontSizes = yData.fontSize || config.fontSize; yAxisWidthArr[_i12] = { position: yData.position ? yData.position : 'left', width: 0 }; rangesFormatArr[_i12] = rangesArr[_i12].map(function (items) { items = util.toFixed(items, 6); items = yData.format ? yData.format(Number(items)) : items; yAxisWidthArr[_i12].width = Math.max(yAxisWidthArr[_i12].width, measureText(items, yAxisFontSizes) + 5); return items; }); var calibration = yData.calibration ? 4 * opts.pixelRatio : 0; yAxisWidthArr[_i12].width += calibration + 3 * opts.pixelRatio; if (yData.disabled === true) { yAxisWidthArr[_i12].width = 0; }};for (var _i12 = 0; _i12 < YLength; _i12++) {_loop3(_i12); } } else { var rangesArr = new Array(1); var rangesFormatArr = new Array(1); var yAxisWidthArr = new Array(1); rangesArr[0] = getYAxisTextList(series, opts, config, columnstyle.type); yAxisWidthArr[0] = { position: 'left', width: 0 }; var yAxisFontSize = opts.yAxis.fontSize || config.fontSize; rangesFormatArr[0] = rangesArr[0].map(function (item) { item = util.toFixed(item, 6); item = opts.yAxis.format ? opts.yAxis.format(Number(item)) : item; yAxisWidthArr[0].width = Math.max(yAxisWidthArr[0].width, measureText(item, yAxisFontSize) + 5); return item; }); yAxisWidthArr[0].width += 3 * opts.pixelRatio; if (opts.yAxis.disabled === true) { yAxisWidthArr[0] = { position: 'left', width: 0 }; opts.yAxis.data[0] = { disabled: true }; } else { opts.yAxis.data[0] = { disabled: false, position: 'left', max: opts.yAxis.max, min: opts.yAxis.min, format: opts.yAxis.format }; } } return { rangesFormat: rangesFormatArr, ranges: rangesArr, yAxisWidth: yAxisWidthArr }; } function calTooltipYAxisData(point, series, opts, config, eachSpacing) { var ranges = [].concat(opts.chartData.yAxisData.ranges); var spacingValid = opts.height - opts.area[0] - opts.area[2]; var minAxis = opts.area[0]; var items = []; for (var i = 0; i < ranges.length; i++) { var maxVal = ranges[i].shift(); var minVal = ranges[i].pop(); var item = maxVal - (maxVal - minVal) * (point - minAxis) / spacingValid; item = opts.yAxis.data[i].format ? opts.yAxis.data[i].format(Number(item)) : item.toFixed(0); items.push(String(item)); } return items; } function calMarkLineData(points, opts) { var minRange, maxRange; var spacingValid = opts.height - opts.area[0] - opts.area[2]; for (var i = 0; i < points.length; i++) { points[i].yAxisIndex = points[i].yAxisIndex ? points[i].yAxisIndex : 0; var range = [].concat(opts.chartData.yAxisData.ranges[points[i].yAxisIndex]); minRange = range.pop(); maxRange = range.shift(); var height = spacingValid * (points[i].value - minRange) / (maxRange - minRange); points[i].y = opts.height - Math.round(height) - opts.area[2]; } return points; } function contextRotate(context, opts) { if (opts.rotateLock !== true) { context.translate(opts.height, 0); context.rotate(90 * Math.PI / 180); } else if (opts._rotate_ !== true) { context.translate(opts.height, 0); context.rotate(90 * Math.PI / 180); opts._rotate_ = true; } } function drawPointShape(points, color, shape, context, opts) { context.beginPath(); if (opts.dataPointShapeType == 'hollow') { context.setStrokeStyle(color); context.setFillStyle(opts.background); context.setLineWidth(2 * opts.pixelRatio); } else { context.setStrokeStyle("#ffffff"); context.setFillStyle(color); context.setLineWidth(1 * opts.pixelRatio); } if (shape === 'diamond') { points.forEach(function (item, index) { if (item !== null) { context.moveTo(item.x, item.y - 4.5); context.lineTo(item.x - 4.5, item.y); context.lineTo(item.x, item.y + 4.5); context.lineTo(item.x + 4.5, item.y); context.lineTo(item.x, item.y - 4.5); } }); } else if (shape === 'circle') { points.forEach(function (item, index) { if (item !== null) { context.moveTo(item.x + 2.5 * opts.pixelRatio, item.y); context.arc(item.x, item.y, 3 * opts.pixelRatio, 0, 2 * Math.PI, false); } }); } else if (shape === 'rect') { points.forEach(function (item, index) { if (item !== null) { context.moveTo(item.x - 3.5, item.y - 3.5); context.rect(item.x - 3.5, item.y - 3.5, 7, 7); } }); } else if (shape === 'triangle') { points.forEach(function (item, index) { if (item !== null) { context.moveTo(item.x, item.y - 4.5); context.lineTo(item.x - 4.5, item.y + 4.5); context.lineTo(item.x + 4.5, item.y + 4.5); context.lineTo(item.x, item.y - 4.5); } }); } context.closePath(); context.fill(); context.stroke(); } function drawRingTitle(opts, config, context, center) { var titlefontSize = opts.title.fontSize || config.titleFontSize; var subtitlefontSize = opts.subtitle.fontSize || config.subtitleFontSize; var title = opts.title.name || ''; var subtitle = opts.subtitle.name || ''; var titleFontColor = opts.title.color || config.titleColor; var subtitleFontColor = opts.subtitle.color || config.subtitleColor; var titleHeight = title ? titlefontSize : 0; var subtitleHeight = subtitle ? subtitlefontSize : 0; var margin = 5; if (subtitle) { var textWidth = measureText(subtitle, subtitlefontSize); var startX = center.x - textWidth / 2 + (opts.subtitle.offsetX || 0); var startY = center.y + subtitlefontSize / 2 + (opts.subtitle.offsetY || 0); if (title) { startY += (titleHeight + margin) / 2; } context.beginPath(); context.setFontSize(subtitlefontSize); context.setFillStyle(subtitleFontColor); context.fillText(subtitle, startX, startY); context.closePath(); context.stroke(); } if (title) { var _textWidth = measureText(title, titlefontSize); var _startX = center.x - _textWidth / 2 + (opts.title.offsetX || 0); var _startY = center.y + titlefontSize / 2 + (opts.title.offsetY || 0); if (subtitle) { _startY -= (subtitleHeight + margin) / 2; } context.beginPath(); context.setFontSize(titlefontSize); context.setFillStyle(titleFontColor); context.fillText(title, _startX, _startY); context.closePath(); context.stroke(); } } function drawPointText(points, series, config, context) { // 绘制数据文案 var data = series.data; points.forEach(function (item, index) { if (item !== null) { //var formatVal = series.format ? series.format(data[index]) : data[index]; context.beginPath(); context.setFontSize(series.textSize || config.fontSize); context.setFillStyle(series.textColor || '#666666'); var value = data[index]; if (typeof data[index] === 'object' && data[index] !== null) { if (data[index].constructor == Array) { value = data[index][1]; } else { value = data[index].value; } } var formatVal = series.format ? series.format(value) : value; context.fillText(String(formatVal), item.x - measureText(formatVal, series.textSize || config.fontSize) / 2, item.y - 4); context.closePath(); context.stroke(); } }); } function drawGaugeLabel(gaugeOption, radius, centerPosition, opts, config, context) { radius -= gaugeOption.width / 2 + config.gaugeLabelTextMargin; var totalAngle = gaugeOption.startAngle - gaugeOption.endAngle + 1; var splitAngle = totalAngle / gaugeOption.splitLine.splitNumber; var totalNumber = gaugeOption.endNumber - gaugeOption.startNumber; var splitNumber = totalNumber / gaugeOption.splitLine.splitNumber; var nowAngle = gaugeOption.startAngle; var nowNumber = gaugeOption.startNumber; for (var i = 0; i < gaugeOption.splitLine.splitNumber + 1; i++) { var pos = { x: radius * Math.cos(nowAngle * Math.PI), y: radius * Math.sin(nowAngle * Math.PI) }; var labelText = gaugeOption.labelFormat ? gaugeOption.labelFormat(nowNumber) : nowNumber; pos.x += centerPosition.x - measureText(labelText) / 2; pos.y += centerPosition.y; var startX = pos.x; var startY = pos.y; context.beginPath(); context.setFontSize(config.fontSize); context.setFillStyle(gaugeOption.labelColor || '#666666'); context.fillText(labelText, startX, startY + config.fontSize / 2); context.closePath(); context.stroke(); nowAngle += splitAngle; if (nowAngle >= 2) { nowAngle = nowAngle % 2; } nowNumber += splitNumber; } } function drawRadarLabel(angleList, radius, centerPosition, opts, config, context) { var radarOption = opts.extra.radar || {}; radius += config.radarLabelTextMargin; angleList.forEach(function (angle, index) { var pos = { x: radius * Math.cos(angle), y: radius * Math.sin(angle) }; var posRelativeCanvas = convertCoordinateOrigin(pos.x, pos.y, centerPosition); var startX = posRelativeCanvas.x; var startY = posRelativeCanvas.y; if (util.approximatelyEqual(pos.x, 0)) { startX -= measureText(opts.categories[index] || '') / 2; } else if (pos.x < 0) { startX -= measureText(opts.categories[index] || ''); } context.beginPath(); context.setFontSize(config.fontSize); context.setFillStyle(radarOption.labelColor || '#666666'); context.fillText(opts.categories[index] || '', startX, startY + config.fontSize / 2); context.closePath(); context.stroke(); }); } function drawPieText(series, opts, config, context, radius, center) { var lineRadius = config.pieChartLinePadding; var textObjectCollection = []; var lastTextObject = null; var seriesConvert = series.map(function (item) { var text = item.format ? item.format(+item._proportion_.toFixed(2)) : util.toFixed(item._proportion_.toFixed(4) * 100) + '%'; if (item._rose_proportion_) item._proportion_ = item._rose_proportion_; var arc = 2 * Math.PI - (item._start_ + 2 * Math.PI * item._proportion_ / 2); var color = item.color; var radius = item._radius_; return { arc: arc, text: text, color: color, radius: radius, textColor: item.textColor, textSize: item.textSize }; }); for (var i = 0; i < seriesConvert.length; i++) { var item = seriesConvert[i]; // line end var orginX1 = Math.cos(item.arc) * (item.radius + lineRadius); var orginY1 = Math.sin(item.arc) * (item.radius + lineRadius); // line start var orginX2 = Math.cos(item.arc) * item.radius; var orginY2 = Math.sin(item.arc) * item.radius; // text start var orginX3 = orginX1 >= 0 ? orginX1 + config.pieChartTextPadding : orginX1 - config.pieChartTextPadding; var orginY3 = orginY1; var textWidth = measureText(item.text, item.textSize || config.fontSize); var startY = orginY3; if (lastTextObject && util.isSameXCoordinateArea(lastTextObject.start, { x: orginX3 })) { if (orginX3 > 0) { startY = Math.min(orginY3, lastTextObject.start.y); } else if (orginX1 < 0) { startY = Math.max(orginY3, lastTextObject.start.y); } else { if (orginY3 > 0) { startY = Math.max(orginY3, lastTextObject.start.y); } else { startY = Math.min(orginY3, lastTextObject.start.y); } } } if (orginX3 < 0) { orginX3 -= textWidth; } var textObject = { lineStart: { x: orginX2, y: orginY2 }, lineEnd: { x: orginX1, y: orginY1 }, start: { x: orginX3, y: startY }, width: textWidth, height: config.fontSize, text: item.text, color: item.color, textColor: item.textColor, textSize: item.textSize }; lastTextObject = avoidCollision(textObject, lastTextObject); textObjectCollection.push(lastTextObject); }var _loop4 = function _loop4( _i13) { var item = textObjectCollection[_i13]; var lineStartPoistion = convertCoordinateOrigin(item.lineStart.x, item.lineStart.y, center); var lineEndPoistion = convertCoordinateOrigin(item.lineEnd.x, item.lineEnd.y, center); var textPosition = convertCoordinateOrigin(item.start.x, item.start.y, center); context.setLineWidth(1 * opts.pixelRatio); context.setFontSize(config.fontSize); context.beginPath(); context.setStrokeStyle(item.color); context.setFillStyle(item.color); context.moveTo(lineStartPoistion.x, lineStartPoistion.y); var curveStartX = item.start.x < 0 ? textPosition.x + item.width : textPosition.x; var textStartX = item.start.x < 0 ? textPosition.x - 5 : textPosition.x + 5; context.quadraticCurveTo(lineEndPoistion.x, lineEndPoistion.y, curveStartX, textPosition.y); context.moveTo(lineStartPoistion.x, lineStartPoistion.y); context.stroke(); context.closePath(); context.beginPath(); context.moveTo(textPosition.x + item.width, textPosition.y); context.arc(curveStartX, textPosition.y, 2, 0, 2 * Math.PI); context.closePath(); context.fill(); context.beginPath(); context.setFontSize(item.textSize || config.fontSize); context.setFillStyle(item.textColor || '#666666'); if (item.text instanceof Array) { item.text.map(function (n, i) { var y = textPosition.y + 3 + i * (item.textSize || config.fontSize); context.fillText(n, textStartX, y); }); } else { context.fillText(item.text, textStartX, textPosition.y + 3); } context.closePath(); context.stroke(); context.closePath();};for (var _i13 = 0; _i13 < textObjectCollection.length; _i13++) {_loop4(_i13); } } function drawToolTipSplitLine(offsetX, opts, config, context) { var toolTipOption = opts.extra.tooltip || {}; toolTipOption.gridType = toolTipOption.gridType == undefined ? 'solid' : toolTipOption.gridType; toolTipOption.dashLength = toolTipOption.dashLength == undefined ? 4 : toolTipOption.dashLength; var startY = opts.area[0]; var endY = opts.height - opts.area[2]; if (toolTipOption.gridType == 'dash') { context.setLineDash([toolTipOption.dashLength, toolTipOption.dashLength]); } context.setStrokeStyle(toolTipOption.gridColor || '#cccccc'); context.setLineWidth(1 * opts.pixelRatio); context.beginPath(); context.moveTo(offsetX, startY); context.lineTo(offsetX, endY); context.stroke(); context.setLineDash([]); if (toolTipOption.xAxisLabel) { var labelText = opts.categories[opts.tooltip.index]; context.setFontSize(config.fontSize); var textWidth = measureText(labelText, config.fontSize); var textX = offsetX - 0.5 * textWidth; var textY = endY; context.beginPath(); context.setFillStyle(hexToRgb(toolTipOption.labelBgColor || config.toolTipBackground, toolTipOption.labelBgOpacity || config.toolTipOpacity)); context.setStrokeStyle(toolTipOption.labelBgColor || config.toolTipBackground); context.setLineWidth(1 * opts.pixelRatio); context.rect(textX - config.toolTipPadding, textY, textWidth + 2 * config.toolTipPadding, config.fontSize + 2 * config.toolTipPadding); context.closePath(); context.stroke(); context.fill(); context.beginPath(); context.setFontSize(config.fontSize); context.setFillStyle(toolTipOption.labelFontColor || config.fontColor); context.fillText(String(labelText), textX, textY + config.toolTipPadding + config.fontSize); context.closePath(); context.stroke(); } } function drawMarkLine(opts, config, context) { var markLineOption = assign({}, { type: 'solid', dashLength: 4, data: [] }, opts.extra.markLine); var startX = opts.area[3]; var endX = opts.width - opts.area[1]; var points = calMarkLineData(markLineOption.data, opts); for (var i = 0; i < points.length; i++) { var item = assign({}, { lineColor: '#DE4A42', showLabel: false, labelFontColor: '#666666', labelBgColor: '#DFE8FF', labelBgOpacity: 0.8, yAxisIndex: 0 }, points[i]); if (markLineOption.type == 'dash') { context.setLineDash([markLineOption.dashLength, markLineOption.dashLength]); } context.setStrokeStyle(item.lineColor); context.setLineWidth(1 * opts.pixelRatio); context.beginPath(); context.moveTo(startX, item.y); context.lineTo(endX, item.y); context.stroke(); context.setLineDash([]); if (item.showLabel) { var labelText = opts.yAxis.format ? opts.yAxis.format(Number(item.value)) : item.value; context.setFontSize(config.fontSize); var textWidth = measureText(labelText, config.fontSize); var bgStartX = opts.padding[3] + config.yAxisTitleWidth - config.toolTipPadding; var bgEndX = Math.max(opts.area[3], textWidth + config.toolTipPadding * 2); var bgWidth = bgEndX - bgStartX; var textX = bgStartX + (bgWidth - textWidth) / 2; var textY = item.y; context.setFillStyle(hexToRgb(item.labelBgColor, item.labelBgOpacity)); context.setStrokeStyle(item.labelBgColor); context.setLineWidth(1 * opts.pixelRatio); context.beginPath(); context.rect(bgStartX, textY - 0.5 * config.fontSize - config.toolTipPadding, bgWidth, config.fontSize + 2 * config.toolTipPadding); context.closePath(); context.stroke(); context.fill(); context.beginPath(); context.setFontSize(config.fontSize); context.setFillStyle(item.labelFontColor); context.fillText(String(labelText), textX, textY + 0.5 * config.fontSize); context.stroke(); } } } function drawToolTipHorizentalLine(opts, config, context, eachSpacing, xAxisPoints) { var toolTipOption = assign({}, { gridType: 'solid', dashLength: 4 }, opts.extra.tooltip); var startX = opts.area[3]; var endX = opts.width - opts.area[1]; if (toolTipOption.gridType == 'dash') { context.setLineDash([toolTipOption.dashLength, toolTipOption.dashLength]); } context.setStrokeStyle(toolTipOption.gridColor || '#cccccc'); context.setLineWidth(1 * opts.pixelRatio); context.beginPath(); context.moveTo(startX, opts.tooltip.offset.y); context.lineTo(endX, opts.tooltip.offset.y); context.stroke(); context.setLineDash([]); if (toolTipOption.yAxisLabel) { var labelText = calTooltipYAxisData(opts.tooltip.offset.y, opts.series, opts, config, eachSpacing); var widthArr = opts.chartData.yAxisData.yAxisWidth; var tStartLeft = opts.area[3]; var tStartRight = opts.width - opts.area[1]; for (var i = 0; i < labelText.length; i++) { context.setFontSize(config.fontSize); var textWidth = measureText(labelText[i], config.fontSize); var bgStartX = void 0,bgEndX = void 0,bgWidth = void 0; if (widthArr[i].position == 'left') { bgStartX = tStartLeft - widthArr[i].width; bgEndX = Math.max(bgStartX, bgStartX + textWidth + config.toolTipPadding * 2); } else { bgStartX = tStartRight; bgEndX = Math.max(bgStartX + widthArr[i].width, bgStartX + textWidth + config.toolTipPadding * 2); } bgWidth = bgEndX - bgStartX; var textX = bgStartX + (bgWidth - textWidth) / 2; var textY = opts.tooltip.offset.y; context.beginPath(); context.setFillStyle(hexToRgb(toolTipOption.labelBgColor || config.toolTipBackground, toolTipOption.labelBgOpacity || config.toolTipOpacity)); context.setStrokeStyle(toolTipOption.labelBgColor || config.toolTipBackground); context.setLineWidth(1 * opts.pixelRatio); context.rect(bgStartX, textY - 0.5 * config.fontSize - config.toolTipPadding, bgWidth, config.fontSize + 2 * config.toolTipPadding); context.closePath(); context.stroke(); context.fill(); context.beginPath(); context.setFontSize(config.fontSize); context.setFillStyle(toolTipOption.labelFontColor || config.fontColor); context.fillText(labelText[i], textX, textY + 0.5 * config.fontSize); context.closePath(); context.stroke(); if (widthArr[i].position == 'left') { tStartLeft -= widthArr[i].width + opts.yAxis.padding; } else { tStartRight += widthArr[i].width + opts.yAxis.padding; } } } } function drawToolTipSplitArea(offsetX, opts, config, context, eachSpacing) { var toolTipOption = assign({}, { activeBgColor: '#000000', activeBgOpacity: 0.08 }, opts.extra.tooltip); var startY = opts.area[0]; var endY = opts.height - opts.area[2]; context.beginPath(); context.setFillStyle(hexToRgb(toolTipOption.activeBgColor, toolTipOption.activeBgOpacity)); context.rect(offsetX - eachSpacing / 2, startY, eachSpacing, endY - startY); context.closePath(); context.fill(); } function drawToolTip(textList, offset, opts, config, context, eachSpacing, xAxisPoints) { var toolTipOption = assign({}, { showBox: true, bgColor: '#000000', bgOpacity: 0.7, fontColor: '#FFFFFF' }, opts.extra.tooltip); var legendWidth = 4 * opts.pixelRatio; var legendMarginRight = 5 * opts.pixelRatio; var arrowWidth = 8 * opts.pixelRatio; var isOverRightBorder = false; if (opts.type == 'line' || opts.type == 'area' || opts.type == 'candle' || opts.type == 'mix') { drawToolTipSplitLine(opts.tooltip.offset.x, opts, config, context); } offset = assign({ x: 0, y: 0 }, offset); offset.y -= 8 * opts.pixelRatio; var textWidth = textList.map(function (item) { return measureText(item.text, config.fontSize); }); var toolTipWidth = legendWidth + legendMarginRight + 4 * config.toolTipPadding + Math.max.apply(null, textWidth); var toolTipHeight = 2 * config.toolTipPadding + textList.length * config.toolTipLineHeight; if (toolTipOption.showBox == false) {return;} // if beyond the right border if (offset.x - Math.abs(opts._scrollDistance_) + arrowWidth + toolTipWidth > opts.width) { isOverRightBorder = true; } if (toolTipHeight + offset.y > opts.height) { offset.y = opts.height - toolTipHeight; } // draw background rect context.beginPath(); context.setFillStyle(hexToRgb(toolTipOption.bgColor || config.toolTipBackground, toolTipOption.bgOpacity || config.toolTipOpacity)); if (isOverRightBorder) { context.moveTo(offset.x, offset.y + 10 * opts.pixelRatio); context.lineTo(offset.x - arrowWidth, offset.y + 10 * opts.pixelRatio - 5 * opts.pixelRatio); context.lineTo(offset.x - arrowWidth, offset.y); context.lineTo(offset.x - arrowWidth - Math.round(toolTipWidth), offset.y); context.lineTo(offset.x - arrowWidth - Math.round(toolTipWidth), offset.y + toolTipHeight); context.lineTo(offset.x - arrowWidth, offset.y + toolTipHeight); context.lineTo(offset.x - arrowWidth, offset.y + 10 * opts.pixelRatio + 5 * opts.pixelRatio); context.lineTo(offset.x, offset.y + 10 * opts.pixelRatio); } else { context.moveTo(offset.x, offset.y + 10 * opts.pixelRatio); context.lineTo(offset.x + arrowWidth, offset.y + 10 * opts.pixelRatio - 5 * opts.pixelRatio); context.lineTo(offset.x + arrowWidth, offset.y); context.lineTo(offset.x + arrowWidth + Math.round(toolTipWidth), offset.y); context.lineTo(offset.x + arrowWidth + Math.round(toolTipWidth), offset.y + toolTipHeight); context.lineTo(offset.x + arrowWidth, offset.y + toolTipHeight); context.lineTo(offset.x + arrowWidth, offset.y + 10 * opts.pixelRatio + 5 * opts.pixelRatio); context.lineTo(offset.x, offset.y + 10 * opts.pixelRatio); } context.closePath(); context.fill(); // draw legend textList.forEach(function (item, index) { if (item.color !== null) { context.beginPath(); context.setFillStyle(item.color); var startX = offset.x + arrowWidth + 2 * config.toolTipPadding; var startY = offset.y + (config.toolTipLineHeight - config.fontSize) / 2 + config.toolTipLineHeight * index + config.toolTipPadding + 1; if (isOverRightBorder) { startX = offset.x - toolTipWidth - arrowWidth + 2 * config.toolTipPadding; } context.fillRect(startX, startY, legendWidth, config.fontSize); context.closePath(); } }); // draw text list textList.forEach(function (item, index) { var startX = offset.x + arrowWidth + 2 * config.toolTipPadding + legendWidth + legendMarginRight; if (isOverRightBorder) { startX = offset.x - toolTipWidth - arrowWidth + 2 * config.toolTipPadding + +legendWidth + legendMarginRight; } var startY = offset.y + (config.toolTipLineHeight - config.fontSize) / 2 + config.toolTipLineHeight * index + config.toolTipPadding; context.beginPath(); context.setFontSize(config.fontSize); context.setFillStyle(toolTipOption.fontColor); context.fillText(item.text, startX, startY + config.fontSize); context.closePath(); context.stroke(); }); } function drawYAxisTitle(title, opts, config, context) { var startX = config.xAxisHeight + (opts.height - config.xAxisHeight - measureText(title)) / 2; context.save(); context.beginPath(); context.setFontSize(config.fontSize); context.setFillStyle(opts.yAxis.titleFontColor || '#333333'); context.translate(0, opts.height); context.rotate(-90 * Math.PI / 180); context.fillText(title, startX, opts.padding[3] + 0.5 * config.fontSize); context.closePath(); context.stroke(); context.restore(); } function drawColumnDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var xAxisData = opts.chartData.xAxisData, xAxisPoints = xAxisData.xAxisPoints, eachSpacing = xAxisData.eachSpacing; var columnOption = assign({}, { type: 'group', width: eachSpacing / 2, meter: { border: 4, fillColor: '#FFFFFF' } }, opts.extra.column); var calPoints = []; context.save(); var leftNum = -2; var rightNum = xAxisPoints.length + 2; if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) { context.translate(opts._scrollDistance_, 0); leftNum = Math.floor(-opts._scrollDistance_ / eachSpacing) - 2; rightNum = leftNum + opts.xAxis.itemCount + 4; } if (opts.tooltip && opts.tooltip.textList && opts.tooltip.textList.length && process === 1) { drawToolTipSplitArea(opts.tooltip.offset.x, opts, config, context, eachSpacing); } series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; switch (columnOption.type) { case 'group': var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); var tooltipPoints = getStackDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, seriesIndex, series, process); calPoints.push(tooltipPoints); points = fixColumeData(points, eachSpacing, series.length, seriesIndex, config, opts); for (var i = 0; i < points.length; i++) { var item = points[i]; if (item !== null && i > leftNum && i < rightNum) { context.beginPath(); context.setStrokeStyle(item.color || eachSeries.color); context.setLineWidth(1); context.setFillStyle(item.color || eachSeries.color); var startX = item.x - item.width / 2; var height = opts.height - item.y - opts.area[2]; context.moveTo(startX, item.y); context.lineTo(startX + item.width - 2, item.y); context.lineTo(startX + item.width - 2, opts.height - opts.area[2]); context.lineTo(startX, opts.height - opts.area[2]); context.lineTo(startX, item.y); context.closePath(); context.stroke(); context.fill(); } }; break; case 'stack': // 绘制堆叠数据图 var points = getStackDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, seriesIndex, series, process); calPoints.push(points); points = fixColumeStackData(points, eachSpacing, series.length, seriesIndex, config, opts, series); for (var _i14 = 0; _i14 < points.length; _i14++) { var _item6 = points[_i14]; if (_item6 !== null && _i14 > leftNum && _i14 < rightNum) { context.beginPath(); context.setFillStyle(_item6.color || eachSeries.color); var startX = _item6.x - _item6.width / 2 + 1; var height = opts.height - _item6.y - opts.area[2]; var height0 = opts.height - _item6.y0 - opts.area[2]; if (seriesIndex > 0) { height -= height0; } context.moveTo(startX, _item6.y); context.fillRect(startX, _item6.y, _item6.width - 2, height); context.closePath(); context.fill(); } }; break; case 'meter': // 绘制温度计数据图 var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); calPoints.push(points); points = fixColumeMeterData(points, eachSpacing, series.length, seriesIndex, config, opts, columnOption.meter.border); if (seriesIndex == 0) { for (var _i15 = 0; _i15 < points.length; _i15++) { var _item7 = points[_i15]; if (_item7 !== null && _i15 > leftNum && _i15 < rightNum) { //画背景颜色 context.beginPath(); context.setFillStyle(columnOption.meter.fillColor); var startX = _item7.x - _item7.width / 2; var height = opts.height - _item7.y - opts.area[2]; context.moveTo(startX, _item7.y); context.fillRect(startX, _item7.y, _item7.width, height); context.closePath(); context.fill(); //画边框线 if (columnOption.meter.border > 0) { context.beginPath(); context.setStrokeStyle(eachSeries.color); context.setLineWidth(columnOption.meter.border * opts.pixelRatio); context.moveTo(startX + columnOption.meter.border * 0.5, _item7.y + height); context.lineTo(startX + columnOption.meter.border * 0.5, _item7.y + columnOption.meter.border * 0.5); context.lineTo(startX + _item7.width - columnOption.meter.border * 0.5, _item7.y + columnOption.meter.border * 0.5); context.lineTo(startX + _item7.width - columnOption.meter.border * 0.5, _item7.y + height); context.stroke(); } } }; } else { for (var _i16 = 0; _i16 < points.length; _i16++) { var _item8 = points[_i16]; if (_item8 !== null && _i16 > leftNum && _i16 < rightNum) { context.beginPath(); context.setFillStyle(_item8.color || eachSeries.color); var startX = _item8.x - _item8.width / 2; var height = opts.height - _item8.y - opts.area[2]; context.moveTo(startX, _item8.y); context.fillRect(startX, _item8.y, _item8.width, height); context.closePath(); context.fill(); } }; } break;} }); if (opts.dataLabel !== false && process === 1) { series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; switch (columnOption.type) { case 'group': var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); points = fixColumeData(points, eachSpacing, series.length, seriesIndex, config, opts); drawPointText(points, eachSeries, config, context); break; case 'stack': var points = getStackDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, seriesIndex, series, process); drawPointText(points, eachSeries, config, context); break; case 'meter': var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); drawPointText(points, eachSeries, config, context); break;} }); } context.restore(); return { xAxisPoints: xAxisPoints, calPoints: calPoints, eachSpacing: eachSpacing }; } function drawCandleDataPoints(series, seriesMA, opts, config, context) { var process = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1; var candleOption = assign({}, { color: {}, average: {} }, opts.extra.candle); candleOption.color = assign({}, { upLine: '#f04864', upFill: '#f04864', downLine: '#2fc25b', downFill: '#2fc25b' }, candleOption.color); candleOption.average = assign({}, { show: false, name: [], day: [], color: config.colors }, candleOption.average); opts.extra.candle = candleOption; var xAxisData = opts.chartData.xAxisData, xAxisPoints = xAxisData.xAxisPoints, eachSpacing = xAxisData.eachSpacing; var calPoints = []; context.save(); var leftNum = -2; var rightNum = xAxisPoints.length + 2; var leftSpace = 0; var rightSpace = opts.width + eachSpacing; if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) { context.translate(opts._scrollDistance_, 0); leftNum = Math.floor(-opts._scrollDistance_ / eachSpacing) - 2; rightNum = leftNum + opts.xAxis.itemCount + 4; leftSpace = -opts._scrollDistance_ - eachSpacing + opts.area[3]; rightSpace = leftSpace + (opts.xAxis.itemCount + 4) * eachSpacing; } //画均线 if (candleOption.average.show || seriesMA) { seriesMA.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); var splitPointList = splitPoints(points); for (var i = 0; i < splitPointList.length; i++) { var _points = splitPointList[i]; context.beginPath(); context.setStrokeStyle(eachSeries.color); context.setLineWidth(1); if (_points.length === 1) { context.moveTo(_points[0].x, _points[0].y); context.arc(_points[0].x, _points[0].y, 1, 0, 2 * Math.PI); } else { context.moveTo(_points[0].x, _points[0].y); var startPoint = 0; for (var j = 0; j < _points.length; j++) { var item = _points[j]; if (startPoint == 0 && item.x > leftSpace) { context.moveTo(item.x, item.y); startPoint = 1; } if (j > 0 && item.x > leftSpace && item.x < rightSpace) { var ctrlPoint = createCurveControlPoints(_points, j - 1); context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x, item.y); } } context.moveTo(_points[0].x, _points[0].y); } context.closePath(); context.stroke(); } }); } //画K线 series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getCandleDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); calPoints.push(points); var splitPointList = splitPoints(points); for (var i = 0; i < splitPointList[0].length; i++) { if (i > leftNum && i < rightNum) { var item = splitPointList[0][i]; context.beginPath(); //如果上涨 if (data[i][1] - data[i][0] > 0) { context.setStrokeStyle(candleOption.color.upLine); context.setFillStyle(candleOption.color.upFill); context.setLineWidth(1 * opts.pixelRatio); context.moveTo(item[3].x, item[3].y); //顶点 context.lineTo(item[1].x, item[1].y); //收盘中间点 context.lineTo(item[1].x - eachSpacing / 4, item[1].y); //收盘左侧点 context.lineTo(item[0].x - eachSpacing / 4, item[0].y); //开盘左侧点 context.lineTo(item[0].x, item[0].y); //开盘中间点 context.lineTo(item[2].x, item[2].y); //底点 context.lineTo(item[0].x, item[0].y); //开盘中间点 context.lineTo(item[0].x + eachSpacing / 4, item[0].y); //开盘右侧点 context.lineTo(item[1].x + eachSpacing / 4, item[1].y); //收盘右侧点 context.lineTo(item[1].x, item[1].y); //收盘中间点 context.moveTo(item[3].x, item[3].y); //顶点 } else { context.setStrokeStyle(candleOption.color.downLine); context.setFillStyle(candleOption.color.downFill); context.setLineWidth(1 * opts.pixelRatio); context.moveTo(item[3].x, item[3].y); //顶点 context.lineTo(item[0].x, item[0].y); //开盘中间点 context.lineTo(item[0].x - eachSpacing / 4, item[0].y); //开盘左侧点 context.lineTo(item[1].x - eachSpacing / 4, item[1].y); //收盘左侧点 context.lineTo(item[1].x, item[1].y); //收盘中间点 context.lineTo(item[2].x, item[2].y); //底点 context.lineTo(item[1].x, item[1].y); //收盘中间点 context.lineTo(item[1].x + eachSpacing / 4, item[1].y); //收盘右侧点 context.lineTo(item[0].x + eachSpacing / 4, item[0].y); //开盘右侧点 context.lineTo(item[0].x, item[0].y); //开盘中间点 context.moveTo(item[3].x, item[3].y); //顶点 } context.closePath(); context.fill(); context.stroke(); } } }); context.restore(); return { xAxisPoints: xAxisPoints, calPoints: calPoints, eachSpacing: eachSpacing }; } function drawAreaDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var areaOption = assign({}, { type: 'straight', opacity: 0.2, addLine: false, width: 2, gradient: false }, opts.extra.area); var xAxisData = opts.chartData.xAxisData, xAxisPoints = xAxisData.xAxisPoints, eachSpacing = xAxisData.eachSpacing; var endY = opts.height - opts.area[2]; var calPoints = []; context.save(); var leftSpace = 0; var rightSpace = opts.width + eachSpacing; if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) { context.translate(opts._scrollDistance_, 0); leftSpace = -opts._scrollDistance_ - eachSpacing + opts.area[3]; rightSpace = leftSpace + (opts.xAxis.itemCount + 4) * eachSpacing; } series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); calPoints.push(points); var splitPointList = splitPoints(points); for (var i = 0; i < splitPointList.length; i++) { var _points2 = splitPointList[i]; // 绘制区域数 context.beginPath(); context.setStrokeStyle(hexToRgb(eachSeries.color, areaOption.opacity)); if (areaOption.gradient) { var gradient = context.createLinearGradient(0, opts.area[0], 0, opts.height - opts.area[2]); gradient.addColorStop('0', hexToRgb(eachSeries.color, areaOption.opacity)); gradient.addColorStop('1.0', hexToRgb("#FFFFFF", 0.1)); context.setFillStyle(gradient); } else { context.setFillStyle(hexToRgb(eachSeries.color, areaOption.opacity)); } context.setLineWidth(areaOption.width * opts.pixelRatio); if (_points2.length > 1) { var firstPoint = _points2[0]; var lastPoint = _points2[_points2.length - 1]; context.moveTo(firstPoint.x, firstPoint.y); var startPoint = 0; if (areaOption.type === 'curve') { for (var j = 0; j < _points2.length; j++) { var item = _points2[j]; if (startPoint == 0 && item.x > leftSpace) { context.moveTo(item.x, item.y); startPoint = 1; } if (j > 0 && item.x > leftSpace && item.x < rightSpace) { var ctrlPoint = createCurveControlPoints(_points2, j - 1); context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x, item.y); } }; } else { for (var _j = 0; _j < _points2.length; _j++) { var _item9 = _points2[_j]; if (startPoint == 0 && _item9.x > leftSpace) { context.moveTo(_item9.x, _item9.y); startPoint = 1; } if (_j > 0 && _item9.x > leftSpace && _item9.x < rightSpace) { context.lineTo(_item9.x, _item9.y); } }; } context.lineTo(lastPoint.x, endY); context.lineTo(firstPoint.x, endY); context.lineTo(firstPoint.x, firstPoint.y); } else { var _item10 = _points2[0]; context.moveTo(_item10.x - eachSpacing / 2, _item10.y); context.lineTo(_item10.x + eachSpacing / 2, _item10.y); context.lineTo(_item10.x + eachSpacing / 2, endY); context.lineTo(_item10.x - eachSpacing / 2, endY); context.moveTo(_item10.x - eachSpacing / 2, _item10.y); } context.closePath(); context.fill(); //画连线 if (areaOption.addLine) { if (eachSeries.lineType == 'dash') { var dashLength = eachSeries.dashLength ? eachSeries.dashLength : 8; dashLength *= opts.pixelRatio; context.setLineDash([dashLength, dashLength]); } context.beginPath(); context.setStrokeStyle(eachSeries.color); context.setLineWidth(areaOption.width * opts.pixelRatio); if (_points2.length === 1) { context.moveTo(_points2[0].x, _points2[0].y); context.arc(_points2[0].x, _points2[0].y, 1, 0, 2 * Math.PI); } else { context.moveTo(_points2[0].x, _points2[0].y); var _startPoint = 0; if (areaOption.type === 'curve') { for (var _j2 = 0; _j2 < _points2.length; _j2++) { var _item11 = _points2[_j2]; if (_startPoint == 0 && _item11.x > leftSpace) { context.moveTo(_item11.x, _item11.y); _startPoint = 1; } if (_j2 > 0 && _item11.x > leftSpace && _item11.x < rightSpace) { var _ctrlPoint = createCurveControlPoints(_points2, _j2 - 1); context.bezierCurveTo(_ctrlPoint.ctrA.x, _ctrlPoint.ctrA.y, _ctrlPoint.ctrB.x, _ctrlPoint.ctrB.y, _item11.x, _item11.y); } }; } else { for (var _j3 = 0; _j3 < _points2.length; _j3++) { var _item12 = _points2[_j3]; if (_startPoint == 0 && _item12.x > leftSpace) { context.moveTo(_item12.x, _item12.y); _startPoint = 1; } if (_j3 > 0 && _item12.x > leftSpace && _item12.x < rightSpace) { context.lineTo(_item12.x, _item12.y); } }; } context.moveTo(_points2[0].x, _points2[0].y); } context.stroke(); context.setLineDash([]); } } //画点 if (opts.dataPointShape !== false) { drawPointShape(points, eachSeries.color, eachSeries.pointShape, context, opts); } }); if (opts.dataLabel !== false && process === 1) { series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); drawPointText(points, eachSeries, config, context); }); } context.restore(); return { xAxisPoints: xAxisPoints, calPoints: calPoints, eachSpacing: eachSpacing }; } function drawLineDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var lineOption = assign({}, { type: 'straight', width: 2 }, opts.extra.line); lineOption.width *= opts.pixelRatio; var xAxisData = opts.chartData.xAxisData, xAxisPoints = xAxisData.xAxisPoints, eachSpacing = xAxisData.eachSpacing; var calPoints = []; context.save(); var leftSpace = 0; var rightSpace = opts.width + eachSpacing; if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) { context.translate(opts._scrollDistance_, 0); leftSpace = -opts._scrollDistance_ - eachSpacing + opts.area[3]; rightSpace = leftSpace + (opts.xAxis.itemCount + 4) * eachSpacing; } series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); calPoints.push(points); var splitPointList = splitPoints(points); if (eachSeries.lineType == 'dash') { var dashLength = eachSeries.dashLength ? eachSeries.dashLength : 8; dashLength *= opts.pixelRatio; context.setLineDash([dashLength, dashLength]); } context.beginPath(); context.setStrokeStyle(eachSeries.color); context.setLineWidth(lineOption.width); splitPointList.forEach(function (points, index) { if (points.length === 1) { context.moveTo(points[0].x, points[0].y); context.arc(points[0].x, points[0].y, 1, 0, 2 * Math.PI); } else { context.moveTo(points[0].x, points[0].y); var startPoint = 0; if (lineOption.type === 'curve') { for (var j = 0; j < points.length; j++) { var item = points[j]; if (startPoint == 0 && item.x > leftSpace) { context.moveTo(item.x, item.y); startPoint = 1; } if (j > 0 && item.x > leftSpace && item.x < rightSpace) { var ctrlPoint = createCurveControlPoints(points, j - 1); context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x, item.y); } }; } else { for (var _j4 = 0; _j4 < points.length; _j4++) { var _item13 = points[_j4]; if (startPoint == 0 && _item13.x > leftSpace) { context.moveTo(_item13.x, _item13.y); startPoint = 1; } if (_j4 > 0 && _item13.x > leftSpace && _item13.x < rightSpace) { context.lineTo(_item13.x, _item13.y); } }; } context.moveTo(points[0].x, points[0].y); } }); context.stroke(); context.setLineDash([]); if (opts.dataPointShape !== false) { drawPointShape(points, eachSeries.color, eachSeries.pointShape, context, opts); } }); if (opts.dataLabel !== false && process === 1) { series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); drawPointText(points, eachSeries, config, context); }); } context.restore(); return { xAxisPoints: xAxisPoints, calPoints: calPoints, eachSpacing: eachSpacing }; } function drawMixDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var xAxisData = opts.chartData.xAxisData, xAxisPoints = xAxisData.xAxisPoints, eachSpacing = xAxisData.eachSpacing; var endY = opts.height - opts.area[2]; var calPoints = []; var columnIndex = 0; var columnLength = 0; series.forEach(function (eachSeries, seriesIndex) { if (eachSeries.type == 'column') { columnLength += 1; } }); context.save(); var leftNum = -2; var rightNum = xAxisPoints.length + 2; var leftSpace = 0; var rightSpace = opts.width + eachSpacing; if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) { context.translate(opts._scrollDistance_, 0); leftNum = Math.floor(-opts._scrollDistance_ / eachSpacing) - 2; rightNum = leftNum + opts.xAxis.itemCount + 4; leftSpace = -opts._scrollDistance_ - eachSpacing + opts.area[3]; rightSpace = leftSpace + (opts.xAxis.itemCount + 4) * eachSpacing; } series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); calPoints.push(points); // 绘制柱状数据图 if (eachSeries.type == 'column') { points = fixColumeData(points, eachSpacing, columnLength, columnIndex, config, opts); for (var i = 0; i < points.length; i++) { var item = points[i]; if (item !== null && i > leftNum && i < rightNum) { context.beginPath(); context.setStrokeStyle(item.color || eachSeries.color); context.setLineWidth(1); context.setFillStyle(item.color || eachSeries.color); var startX = item.x - item.width / 2; var height = opts.height - item.y - opts.area[2]; context.moveTo(startX, item.y); context.moveTo(startX, item.y); context.lineTo(startX + item.width - 2, item.y); context.lineTo(startX + item.width - 2, opts.height - opts.area[2]); context.lineTo(startX, opts.height - opts.area[2]); context.lineTo(startX, item.y); context.closePath(); context.stroke(); context.fill(); context.closePath(); context.fill(); } } columnIndex += 1; } //绘制区域图数据 if (eachSeries.type == 'area') { var _splitPointList = splitPoints(points); for (var _i17 = 0; _i17 < _splitPointList.length; _i17++) { var _points3 = _splitPointList[_i17]; // 绘制区域数据 context.beginPath(); context.setStrokeStyle(eachSeries.color); context.setFillStyle(hexToRgb(eachSeries.color, 0.2)); context.setLineWidth(2 * opts.pixelRatio); if (_points3.length > 1) { var firstPoint = _points3[0]; var lastPoint = _points3[_points3.length - 1]; context.moveTo(firstPoint.x, firstPoint.y); var startPoint = 0; if (eachSeries.style === 'curve') { for (var j = 0; j < _points3.length; j++) { var _item14 = _points3[j]; if (startPoint == 0 && _item14.x > leftSpace) { context.moveTo(_item14.x, _item14.y); startPoint = 1; } if (j > 0 && _item14.x > leftSpace && _item14.x < rightSpace) { var ctrlPoint = createCurveControlPoints(_points3, j - 1); context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, _item14.x, _item14.y); } }; } else { for (var _j5 = 0; _j5 < _points3.length; _j5++) { var _item15 = _points3[_j5]; if (startPoint == 0 && _item15.x > leftSpace) { context.moveTo(_item15.x, _item15.y); startPoint = 1; } if (_j5 > 0 && _item15.x > leftSpace && _item15.x < rightSpace) { context.lineTo(_item15.x, _item15.y); } }; } context.lineTo(lastPoint.x, endY); context.lineTo(firstPoint.x, endY); context.lineTo(firstPoint.x, firstPoint.y); } else { var _item16 = _points3[0]; context.moveTo(_item16.x - eachSpacing / 2, _item16.y); context.lineTo(_item16.x + eachSpacing / 2, _item16.y); context.lineTo(_item16.x + eachSpacing / 2, endY); context.lineTo(_item16.x - eachSpacing / 2, endY); context.moveTo(_item16.x - eachSpacing / 2, _item16.y); } context.closePath(); context.fill(); } } // 绘制折线数据图 if (eachSeries.type == 'line') { var splitPointList = splitPoints(points); splitPointList.forEach(function (points, index) { if (eachSeries.lineType == 'dash') { var dashLength = eachSeries.dashLength ? eachSeries.dashLength : 8; dashLength *= opts.pixelRatio; context.setLineDash([dashLength, dashLength]); } context.beginPath(); context.setStrokeStyle(eachSeries.color); context.setLineWidth(2 * opts.pixelRatio); if (points.length === 1) { context.moveTo(points[0].x, points[0].y); context.arc(points[0].x, points[0].y, 1, 0, 2 * Math.PI); } else { context.moveTo(points[0].x, points[0].y); var _startPoint2 = 0; if (eachSeries.style == 'curve') { for (var _j6 = 0; _j6 < points.length; _j6++) { var _item17 = points[_j6]; if (_startPoint2 == 0 && _item17.x > leftSpace) { context.moveTo(_item17.x, _item17.y); _startPoint2 = 1; } if (_j6 > 0 && _item17.x > leftSpace && _item17.x < rightSpace) { var ctrlPoint = createCurveControlPoints(points, _j6 - 1); context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, _item17.x, _item17.y); } } } else { for (var _j7 = 0; _j7 < points.length; _j7++) { var _item18 = points[_j7]; if (_startPoint2 == 0 && _item18.x > leftSpace) { context.moveTo(_item18.x, _item18.y); _startPoint2 = 1; } if (_j7 > 0 && _item18.x > leftSpace && _item18.x < rightSpace) { context.lineTo(_item18.x, _item18.y); } } } context.moveTo(points[0].x, points[0].y); } context.stroke(); context.setLineDash([]); }); } // 绘制点数据图 if (eachSeries.type == 'point') { eachSeries.addPoint = true; } if (eachSeries.addPoint == true && eachSeries.type !== 'column') { drawPointShape(points, eachSeries.color, eachSeries.pointShape, context, opts); } }); if (opts.dataLabel !== false && process === 1) { var columnIndex = 0; series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); if (eachSeries.type !== 'column') { drawPointText(points, eachSeries, config, context); } else { points = fixColumeData(points, eachSpacing, columnLength, columnIndex, config, opts); drawPointText(points, eachSeries, config, context); columnIndex += 1; } }); } context.restore(); return { xAxisPoints: xAxisPoints, calPoints: calPoints, eachSpacing: eachSpacing }; } function drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints) { var toolTipOption = opts.extra.tooltip || {}; if (toolTipOption.horizentalLine && opts.tooltip && process === 1 && (opts.type == 'line' || opts.type == 'area' || opts.type == 'column' || opts.type == 'candle' || opts.type == 'mix')) { drawToolTipHorizentalLine(opts, config, context, eachSpacing, xAxisPoints); } context.save(); if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) { context.translate(opts._scrollDistance_, 0); } if (opts.tooltip && opts.tooltip.textList && opts.tooltip.textList.length && process === 1) { drawToolTip(opts.tooltip.textList, opts.tooltip.offset, opts, config, context, eachSpacing, xAxisPoints); } context.restore(); } function drawXAxis(categories, opts, config, context) { var xAxisData = opts.chartData.xAxisData, xAxisPoints = xAxisData.xAxisPoints, startX = xAxisData.startX, endX = xAxisData.endX, eachSpacing = xAxisData.eachSpacing; var boundaryGap = 'center'; if (opts.type == 'line' || opts.type == 'area') { boundaryGap = opts.xAxis.boundaryGap; } var startY = opts.height - opts.area[2]; var endY = opts.area[0]; //绘制滚动条 if (opts.enableScroll && opts.xAxis.scrollShow) { var scrollY = opts.height - opts.area[2] + config.xAxisHeight; var scrollScreenWidth = endX - startX; var scrollTotalWidth = eachSpacing * (xAxisPoints.length - 1); var scrollWidth = scrollScreenWidth * scrollScreenWidth / scrollTotalWidth; var scrollLeft = 0; if (opts._scrollDistance_) { scrollLeft = -opts._scrollDistance_ * scrollScreenWidth / scrollTotalWidth; } context.beginPath(); context.setLineCap('round'); context.setLineWidth(6 * opts.pixelRatio); context.setStrokeStyle(opts.xAxis.scrollBackgroundColor || "#EFEBEF"); context.moveTo(startX, scrollY); context.lineTo(endX, scrollY); context.stroke(); context.closePath(); context.beginPath(); context.setLineCap('round'); context.setLineWidth(6 * opts.pixelRatio); context.setStrokeStyle(opts.xAxis.scrollColor || "#A6A6A6"); context.moveTo(startX + scrollLeft, scrollY); context.lineTo(startX + scrollLeft + scrollWidth, scrollY); context.stroke(); context.closePath(); context.setLineCap('butt'); } context.save(); if (opts._scrollDistance_ && opts._scrollDistance_ !== 0) { context.translate(opts._scrollDistance_, 0); } //绘制X轴刻度线 if (opts.xAxis.calibration === true) { context.setStrokeStyle(opts.xAxis.gridColor || "#cccccc"); context.setLineCap('butt'); context.setLineWidth(1 * opts.pixelRatio); xAxisPoints.forEach(function (item, index) { if (index > 0) { context.beginPath(); context.moveTo(item - eachSpacing / 2, startY); context.lineTo(item - eachSpacing / 2, startY + 3 * opts.pixelRatio); context.closePath(); context.stroke(); } }); } //绘制X轴网格 if (opts.xAxis.disableGrid !== true) { context.setStrokeStyle(opts.xAxis.gridColor || "#cccccc"); context.setLineCap('butt'); context.setLineWidth(1 * opts.pixelRatio); if (opts.xAxis.gridType == 'dash') { context.setLineDash([opts.xAxis.dashLength, opts.xAxis.dashLength]); } opts.xAxis.gridEval = opts.xAxis.gridEval || 1; xAxisPoints.forEach(function (item, index) { if (index % opts.xAxis.gridEval == 0) { context.beginPath(); context.moveTo(item, startY); context.lineTo(item, endY); context.stroke(); } }); context.setLineDash([]); } //绘制X轴文案 if (opts.xAxis.disabled !== true) { // 对X轴列表做抽稀处理 //默认全部显示X轴标签 var maxXAxisListLength = categories.length; //如果设置了X轴单屏数量 if (opts.xAxis.labelCount) { //如果设置X轴密度 if (opts.xAxis.itemCount) { maxXAxisListLength = Math.ceil(categories.length / opts.xAxis.itemCount * opts.xAxis.labelCount); } else { maxXAxisListLength = opts.xAxis.labelCount; } maxXAxisListLength -= 1; } var ratio = Math.ceil(categories.length / maxXAxisListLength); var newCategories = []; var cgLength = categories.length; for (var i = 0; i < cgLength; i++) { if (i % ratio !== 0) { newCategories.push(""); } else { newCategories.push(categories[i]); } } newCategories[cgLength - 1] = categories[cgLength - 1]; var xAxisFontSize = opts.xAxis.fontSize || config.fontSize; if (config._xAxisTextAngle_ === 0) { newCategories.forEach(function (item, index) { var offset = -measureText(String(item), xAxisFontSize) / 2; if (boundaryGap == 'center') { offset += eachSpacing / 2; } var scrollHeight = 0; if (opts.xAxis.scrollShow) { scrollHeight = 6 * opts.pixelRatio; } context.beginPath(); context.setFontSize(xAxisFontSize); context.setFillStyle(opts.xAxis.fontColor || '#666666'); context.fillText(String(item), xAxisPoints[index] + offset, startY + xAxisFontSize + (config.xAxisHeight - scrollHeight - xAxisFontSize) / 2); context.closePath(); context.stroke(); }); } else { newCategories.forEach(function (item, index) { context.save(); context.beginPath(); context.setFontSize(xAxisFontSize); context.setFillStyle(opts.xAxis.fontColor || '#666666'); var textWidth = measureText(String(item), xAxisFontSize); var offset = -textWidth; if (boundaryGap == 'center') { offset += eachSpacing / 2; } var _calRotateTranslate = calRotateTranslate(xAxisPoints[index] + eachSpacing / 2, startY + xAxisFontSize / 2 + 5, opts.height), transX = _calRotateTranslate.transX, transY = _calRotateTranslate.transY; context.rotate(-1 * config._xAxisTextAngle_); context.translate(transX, transY); context.fillText(String(item), xAxisPoints[index] + offset, startY + xAxisFontSize + 5); context.closePath(); context.stroke(); context.restore(); }); } } context.restore(); //绘制X轴轴线 if (opts.xAxis.axisLine) { context.beginPath(); context.setStrokeStyle(opts.xAxis.axisLineColor); context.setLineWidth(1 * opts.pixelRatio); context.moveTo(startX, opts.height - opts.area[2]); context.lineTo(endX, opts.height - opts.area[2]); context.stroke(); } } function drawYAxisGrid(categories, opts, config, context) { if (opts.yAxis.disableGrid === true) { return; } var spacingValid = opts.height - opts.area[0] - opts.area[2]; var eachSpacing = spacingValid / opts.yAxis.splitNumber; var startX = opts.area[3]; var xAxisPoints = opts.chartData.xAxisData.xAxisPoints, xAxiseachSpacing = opts.chartData.xAxisData.eachSpacing; var TotalWidth = xAxiseachSpacing * (xAxisPoints.length - 1); var endX = startX + TotalWidth; var points = []; for (var i = 0; i < opts.yAxis.splitNumber + 1; i++) { points.push(opts.height - opts.area[2] - eachSpacing * i); } context.save(); if (opts._scrollDistance_ && opts._scrollDistance_ !== 0) { context.translate(opts._scrollDistance_, 0); } if (opts.yAxis.gridType == 'dash') { context.setLineDash([opts.yAxis.dashLength, opts.yAxis.dashLength]); } context.setStrokeStyle(opts.yAxis.gridColor); context.setLineWidth(1 * opts.pixelRatio); points.forEach(function (item, index) { context.beginPath(); context.moveTo(startX, item); context.lineTo(endX, item); context.stroke(); }); context.setLineDash([]); context.restore(); } function drawYAxis(series, opts, config, context) { if (opts.yAxis.disabled === true) { return; } var spacingValid = opts.height - opts.area[0] - opts.area[2]; var eachSpacing = spacingValid / opts.yAxis.splitNumber; var startX = opts.area[3]; var endX = opts.width - opts.area[1]; var endY = opts.height - opts.area[2]; var fillEndY = endY + config.xAxisHeight; if (opts.xAxis.scrollShow) { fillEndY -= 3 * opts.pixelRatio; } if (opts.xAxis.rotateLabel) { fillEndY = opts.height - opts.area[2] + 3; } // set YAxis background context.beginPath(); context.setFillStyle(opts.background || '#ffffff'); if (opts._scrollDistance_ < 0) { context.fillRect(0, 0, startX, fillEndY); } if (opts.enableScroll == true) { context.fillRect(endX, 0, opts.width, fillEndY); } context.closePath(); context.stroke(); var points = []; for (var i = 0; i <= opts.yAxis.splitNumber; i++) { points.push(opts.area[0] + eachSpacing * i); } var tStartLeft = opts.area[3]; var tStartRight = opts.width - opts.area[1];var _loop5 = function _loop5( _i18) { var yData = opts.yAxis.data[_i18]; if (yData.disabled !== true) { var rangesFormat = opts.chartData.yAxisData.rangesFormat[_i18]; var yAxisFontSize = yData.fontSize || config.fontSize; var yAxisWidth = opts.chartData.yAxisData.yAxisWidth[_i18]; //画Y轴刻度及文案 rangesFormat.forEach(function (item, index) { var pos = points[index] ? points[index] : endY; context.beginPath(); context.setFontSize(yAxisFontSize); context.setLineWidth(1 * opts.pixelRatio); context.setStrokeStyle(yData.axisLineColor || '#cccccc'); context.setFillStyle(yData.fontColor || '#666666'); if (yAxisWidth.position == 'left') { context.fillText(String(item), tStartLeft - yAxisWidth.width, pos + yAxisFontSize / 2); //画刻度线 if (yData.calibration == true) { context.moveTo(tStartLeft, pos); context.lineTo(tStartLeft - 3 * opts.pixelRatio, pos); } } else { context.fillText(String(item), tStartRight + 4 * opts.pixelRatio, pos + yAxisFontSize / 2); //画刻度线 if (yData.calibration == true) { context.moveTo(tStartRight, pos); context.lineTo(tStartRight + 3 * opts.pixelRatio, pos); } } context.closePath(); context.stroke(); }); //画Y轴轴线 if (yData.axisLine !== false) { context.beginPath(); context.setStrokeStyle(yData.axisLineColor || '#cccccc'); context.setLineWidth(1 * opts.pixelRatio); if (yAxisWidth.position == 'left') { context.moveTo(tStartLeft, opts.height - opts.area[2]); context.lineTo(tStartLeft, opts.area[0]); } else { context.moveTo(tStartRight, opts.height - opts.area[2]); context.lineTo(tStartRight, opts.area[0]); } context.stroke(); } //画Y轴标题 if (opts.yAxis.showTitle) { var titleFontSize = yData.titleFontSize || config.fontSize; var title = yData.title; context.beginPath(); context.setFontSize(titleFontSize); context.setFillStyle(yData.titleFontColor || '#666666'); if (yAxisWidth.position == 'left') { context.fillText(title, tStartLeft - measureText(title, titleFontSize) / 2, opts.area[0] - 10 * opts.pixelRatio); } else { context.fillText(title, tStartRight - measureText(title, titleFontSize) / 2, opts.area[0] - 10 * opts.pixelRatio); } context.closePath(); context.stroke(); } if (yAxisWidth.position == 'left') { tStartLeft -= yAxisWidth.width + opts.yAxis.padding; } else { tStartRight += yAxisWidth.width + opts.yAxis.padding; } }};for (var _i18 = 0; _i18 < opts.yAxis.data.length; _i18++) {_loop5(_i18); } } function drawLegend(series, opts, config, context, chartData) { if (opts.legend.show === false) { return; } var legendData = chartData.legendData; var legendList = legendData.points; var legendArea = legendData.area; var padding = opts.legend.padding; var fontSize = opts.legend.fontSize; var shapeWidth = 15 * opts.pixelRatio; var shapeRight = 5 * opts.pixelRatio; var itemGap = opts.legend.itemGap; var lineHeight = Math.max(opts.legend.lineHeight * opts.pixelRatio, fontSize); //画背景及边框 context.beginPath(); context.setLineWidth(opts.legend.borderWidth); context.setStrokeStyle(opts.legend.borderColor); context.setFillStyle(opts.legend.backgroundColor); context.moveTo(legendArea.start.x, legendArea.start.y); context.rect(legendArea.start.x, legendArea.start.y, legendArea.width, legendArea.height); context.closePath(); context.fill(); context.stroke(); legendList.forEach(function (itemList, listIndex) { var width = 0; var height = 0; width = legendData.widthArr[listIndex]; height = legendData.heightArr[listIndex]; var startX = 0; var startY = 0; if (opts.legend.position == 'top' || opts.legend.position == 'bottom') { startX = legendArea.start.x + (legendArea.width - width) / 2; startY = legendArea.start.y + padding + listIndex * lineHeight; } else { if (listIndex == 0) { width = 0; } else { width = legendData.widthArr[listIndex - 1]; } startX = legendArea.start.x + padding + width; startY = legendArea.start.y + padding + (legendArea.height - height) / 2; } context.setFontSize(config.fontSize); for (var i = 0; i < itemList.length; i++) { var item = itemList[i]; item.area = [0, 0, 0, 0]; item.area[0] = startX; item.area[1] = startY; item.area[3] = startY + lineHeight; context.beginPath(); context.setLineWidth(1 * opts.pixelRatio); context.setStrokeStyle(item.show ? item.color : opts.legend.hiddenColor); context.setFillStyle(item.show ? item.color : opts.legend.hiddenColor); switch (item.legendShape) { case 'line': context.moveTo(startX, startY + 0.5 * lineHeight - 2 * opts.pixelRatio); context.fillRect(startX, startY + 0.5 * lineHeight - 2 * opts.pixelRatio, 15 * opts.pixelRatio, 4 * opts.pixelRatio); break; case 'triangle': context.moveTo(startX + 7.5 * opts.pixelRatio, startY + 0.5 * lineHeight - 5 * opts.pixelRatio); context.lineTo(startX + 2.5 * opts.pixelRatio, startY + 0.5 * lineHeight + 5 * opts.pixelRatio); context.lineTo(startX + 12.5 * opts.pixelRatio, startY + 0.5 * lineHeight + 5 * opts.pixelRatio); context.lineTo(startX + 7.5 * opts.pixelRatio, startY + 0.5 * lineHeight - 5 * opts.pixelRatio); break; case 'diamond': context.moveTo(startX + 7.5 * opts.pixelRatio, startY + 0.5 * lineHeight - 5 * opts.pixelRatio); context.lineTo(startX + 2.5 * opts.pixelRatio, startY + 0.5 * lineHeight); context.lineTo(startX + 7.5 * opts.pixelRatio, startY + 0.5 * lineHeight + 5 * opts.pixelRatio); context.lineTo(startX + 12.5 * opts.pixelRatio, startY + 0.5 * lineHeight); context.lineTo(startX + 7.5 * opts.pixelRatio, startY + 0.5 * lineHeight - 5 * opts.pixelRatio); break; case 'circle': context.moveTo(startX + 7.5 * opts.pixelRatio, startY + 0.5 * lineHeight); context.arc(startX + 7.5 * opts.pixelRatio, startY + 0.5 * lineHeight, 5 * opts.pixelRatio, 0, 2 * Math.PI); break; case 'rect': context.moveTo(startX, startY + 0.5 * lineHeight - 5 * opts.pixelRatio); context.fillRect(startX, startY + 0.5 * lineHeight - 5 * opts.pixelRatio, 15 * opts.pixelRatio, 10 * opts.pixelRatio); break; default: context.moveTo(startX, startY + 0.5 * lineHeight - 5 * opts.pixelRatio); context.fillRect(startX, startY + 0.5 * lineHeight - 5 * opts.pixelRatio, 15 * opts.pixelRatio, 10 * opts.pixelRatio);} context.closePath(); context.fill(); context.stroke(); startX += shapeWidth + shapeRight; var fontTrans = 0.5 * lineHeight + 0.5 * fontSize - 2; context.beginPath(); context.setFontSize(fontSize); context.setFillStyle(item.show ? opts.legend.fontColor : opts.legend.hiddenColor); context.fillText(item.name, startX, startY + fontTrans); context.closePath(); context.stroke(); if (opts.legend.position == 'top' || opts.legend.position == 'bottom') { startX += measureText(item.name, fontSize) + itemGap; item.area[2] = startX; } else { item.area[2] = startX + measureText(item.name, fontSize) + itemGap;; startX -= shapeWidth + shapeRight; startY += lineHeight; } } }); } function drawPieDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var pieOption = assign({}, { activeOpacity: 0.5, activeRadius: 10 * opts.pixelRatio, offsetAngle: 0, labelWidth: 15 * opts.pixelRatio, ringWidth: 0, border: false, borderWidth: 2, borderColor: '#FFFFFF' }, opts.extra.pie); var centerPosition = { x: opts.area[3] + (opts.width - opts.area[1] - opts.area[3]) / 2, y: opts.area[0] + (opts.height - opts.area[0] - opts.area[2]) / 2 }; if (config.pieChartLinePadding == 0) { config.pieChartLinePadding = pieOption.activeRadius; } var radius = Math.min((opts.width - opts.area[1] - opts.area[3]) / 2 - config.pieChartLinePadding - config.pieChartTextPadding - config._pieTextMaxLength_, (opts.height - opts.area[0] - opts.area[2]) / 2 - config.pieChartLinePadding - config.pieChartTextPadding); series = getPieDataPoints(series, radius, process); var activeRadius = pieOption.activeRadius; series = series.map(function (eachSeries) { eachSeries._start_ += pieOption.offsetAngle * Math.PI / 180; return eachSeries; }); series.forEach(function (eachSeries, seriesIndex) { if (opts.tooltip) { if (opts.tooltip.index == seriesIndex) { context.beginPath(); context.setFillStyle(hexToRgb(eachSeries.color, opts.extra.pie.activeOpacity || 0.5)); context.moveTo(centerPosition.x, centerPosition.y); context.arc(centerPosition.x, centerPosition.y, eachSeries._radius_ + activeRadius, eachSeries._start_, eachSeries._start_ + 2 * eachSeries._proportion_ * Math.PI); context.closePath(); context.fill(); } } context.beginPath(); context.setLineWidth(pieOption.borderWidth * opts.pixelRatio); context.lineJoin = "round"; context.setStrokeStyle(pieOption.borderColor); context.setFillStyle(eachSeries.color); context.moveTo(centerPosition.x, centerPosition.y); context.arc(centerPosition.x, centerPosition.y, eachSeries._radius_, eachSeries._start_, eachSeries._start_ + 2 * eachSeries._proportion_ * Math.PI); context.closePath(); context.fill(); if (pieOption.border == true) { context.stroke(); } }); if (opts.type === 'ring') { var innerPieWidth = radius * 0.6; if (typeof opts.extra.pie.ringWidth === 'number' && opts.extra.pie.ringWidth > 0) { innerPieWidth = Math.max(0, radius - opts.extra.pie.ringWidth); } context.beginPath(); context.setFillStyle(opts.background || '#ffffff'); context.moveTo(centerPosition.x, centerPosition.y); context.arc(centerPosition.x, centerPosition.y, innerPieWidth, 0, 2 * Math.PI); context.closePath(); context.fill(); } if (opts.dataLabel !== false && process === 1) { var valid = false; for (var i = 0, len = series.length; i < len; i++) { if (series[i].data > 0) { valid = true; break; } } if (valid) { drawPieText(series, opts, config, context, radius, centerPosition); } } if (process === 1 && opts.type === 'ring') { drawRingTitle(opts, config, context, centerPosition); } return { center: centerPosition, radius: radius, series: series }; } function drawRoseDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var roseOption = assign({}, { type: 'area', activeOpacity: 0.5, activeRadius: 10 * opts.pixelRatio, offsetAngle: 0, labelWidth: 15 * opts.pixelRatio, border: false, borderWidth: 2, borderColor: '#FFFFFF' }, opts.extra.rose); if (config.pieChartLinePadding == 0) { config.pieChartLinePadding = roseOption.activeRadius; } var centerPosition = { x: opts.area[3] + (opts.width - opts.area[1] - opts.area[3]) / 2, y: opts.area[0] + (opts.height - opts.area[0] - opts.area[2]) / 2 }; var radius = Math.min((opts.width - opts.area[1] - opts.area[3]) / 2 - config.pieChartLinePadding - config.pieChartTextPadding - config._pieTextMaxLength_, (opts.height - opts.area[0] - opts.area[2]) / 2 - config.pieChartLinePadding - config.pieChartTextPadding); var minRadius = roseOption.minRadius || radius * 0.5; series = getRoseDataPoints(series, roseOption.type, minRadius, radius, process); var activeRadius = roseOption.activeRadius; series = series.map(function (eachSeries) { eachSeries._start_ += (roseOption.offsetAngle || 0) * Math.PI / 180; return eachSeries; }); series.forEach(function (eachSeries, seriesIndex) { if (opts.tooltip) { if (opts.tooltip.index == seriesIndex) { context.beginPath(); context.setFillStyle(hexToRgb(eachSeries.color, roseOption.activeOpacity || 0.5)); context.moveTo(centerPosition.x, centerPosition.y); context.arc(centerPosition.x, centerPosition.y, activeRadius + eachSeries._radius_, eachSeries._start_, eachSeries._start_ + 2 * eachSeries._rose_proportion_ * Math.PI); context.closePath(); context.fill(); } } context.beginPath(); context.setLineWidth(roseOption.borderWidth * opts.pixelRatio); context.lineJoin = "round"; context.setStrokeStyle(roseOption.borderColor); context.setFillStyle(eachSeries.color); context.moveTo(centerPosition.x, centerPosition.y); context.arc(centerPosition.x, centerPosition.y, eachSeries._radius_, eachSeries._start_, eachSeries._start_ + 2 * eachSeries._rose_proportion_ * Math.PI); context.closePath(); context.fill(); if (roseOption.border == true) { context.stroke(); } }); if (opts.dataLabel !== false && process === 1) { var valid = false; for (var i = 0, len = series.length; i < len; i++) { if (series[i].data > 0) { valid = true; break; } } if (valid) { drawPieText(series, opts, config, context, radius, centerPosition); } } return { center: centerPosition, radius: radius, series: series }; } function drawArcbarDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var arcbarOption = assign({}, { startAngle: 0.75, endAngle: 0.25, type: 'default', width: 12 * opts.pixelRatio, gap: 2 * opts.pixelRatio }, opts.extra.arcbar); series = getArcbarDataPoints(series, arcbarOption, process); var centerPosition; if (arcbarOption.center) { centerPosition = arcbarOption.center; } else { centerPosition = { x: opts.width / 2, y: opts.height / 2 }; } var radius; if (arcbarOption.radius) { radius = arcbarOption.radius; } else { radius = Math.min(centerPosition.x, centerPosition.y); radius -= 5 * opts.pixelRatio; radius -= arcbarOption.width / 2; } for (var i = 0; i < series.length; i++) { var eachSeries = series[i]; //背景颜色 context.setLineWidth(arcbarOption.width); context.setStrokeStyle(arcbarOption.backgroundColor || '#E9E9E9'); context.setLineCap('round'); context.beginPath(); if (arcbarOption.type == 'default') { context.arc(centerPosition.x, centerPosition.y, radius - (arcbarOption.width + arcbarOption.gap) * i, arcbarOption.startAngle * Math.PI, arcbarOption.endAngle * Math.PI, false); } else { context.arc(centerPosition.x, centerPosition.y, radius - (arcbarOption.width + arcbarOption.gap) * i, 0, 2 * Math.PI, false); } context.stroke(); //进度条 context.setLineWidth(arcbarOption.width); context.setStrokeStyle(eachSeries.color); context.setLineCap('round'); context.beginPath(); context.arc(centerPosition.x, centerPosition.y, radius - (arcbarOption.width + arcbarOption.gap) * i, arcbarOption.startAngle * Math.PI, eachSeries._proportion_ * Math.PI, false); context.stroke(); } drawRingTitle(opts, config, context, centerPosition); return { center: centerPosition, radius: radius, series: series }; } function drawGaugeDataPoints(categories, series, opts, config, context) { var process = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1; var gaugeOption = assign({}, { type: 'default', startAngle: 0.75, endAngle: 0.25, width: 15, splitLine: { fixRadius: 0, splitNumber: 10, width: 15, color: '#FFFFFF', childNumber: 5, childWidth: 5 }, pointer: { width: 15, color: 'auto' } }, opts.extra.gauge); if (gaugeOption.oldAngle == undefined) { gaugeOption.oldAngle = gaugeOption.startAngle; } if (gaugeOption.oldData == undefined) { gaugeOption.oldData = 0; } categories = getGaugeAxisPoints(categories, gaugeOption.startAngle, gaugeOption.endAngle); var centerPosition = { x: opts.width / 2, y: opts.height / 2 }; var radius = Math.min(centerPosition.x, centerPosition.y); radius -= 5 * opts.pixelRatio; radius -= gaugeOption.width / 2; var innerRadius = radius - gaugeOption.width; var totalAngle = 0; //判断仪表盘的样式:default百度样式,progress新样式 if (gaugeOption.type == 'progress') { //## 第一步画中心圆形背景和进度条背景 //中心圆形背景 var pieRadius = radius - gaugeOption.width * 3; context.beginPath(); var gradient = context.createLinearGradient(centerPosition.x, centerPosition.y - pieRadius, centerPosition.x, centerPosition.y + pieRadius); //配置渐变填充(起点:中心点向上减半径;结束点中心点向下加半径) gradient.addColorStop('0', hexToRgb(series[0].color, 0.3)); gradient.addColorStop('1.0', hexToRgb("#FFFFFF", 0.1)); context.setFillStyle(gradient); context.arc(centerPosition.x, centerPosition.y, pieRadius, 0, 2 * Math.PI, false); context.fill(); //画进度条背景 context.setLineWidth(gaugeOption.width); context.setStrokeStyle(hexToRgb(series[0].color, 0.3)); context.setLineCap('round'); context.beginPath(); context.arc(centerPosition.x, centerPosition.y, innerRadius, gaugeOption.startAngle * Math.PI, gaugeOption.endAngle * Math.PI, false); context.stroke(); //## 第二步画刻度线 totalAngle = gaugeOption.startAngle - gaugeOption.endAngle + 1; var splitAngle = totalAngle / gaugeOption.splitLine.splitNumber; var childAngle = totalAngle / gaugeOption.splitLine.splitNumber / gaugeOption.splitLine.childNumber; var startX = -radius - gaugeOption.width * 0.5 - gaugeOption.splitLine.fixRadius; var endX = -radius - gaugeOption.width - gaugeOption.splitLine.fixRadius + gaugeOption.splitLine.width; context.save(); context.translate(centerPosition.x, centerPosition.y); context.rotate((gaugeOption.startAngle - 1) * Math.PI); var len = gaugeOption.splitLine.splitNumber * gaugeOption.splitLine.childNumber + 1; var proc = series[0].data * process; for (var i = 0; i < len; i++) { context.beginPath(); //刻度线随进度变色 if (proc > i / len) { context.setStrokeStyle(hexToRgb(series[0].color, 1)); } else { context.setStrokeStyle(hexToRgb(series[0].color, 0.3)); } context.setLineWidth(3 * opts.pixelRatio); context.moveTo(startX, 0); context.lineTo(endX, 0); context.stroke(); context.rotate(childAngle * Math.PI); } context.restore(); //## 第三步画进度条 series = getArcbarDataPoints(series, gaugeOption, process); context.setLineWidth(gaugeOption.width); context.setStrokeStyle(series[0].color); context.setLineCap('round'); context.beginPath(); context.arc(centerPosition.x, centerPosition.y, innerRadius, gaugeOption.startAngle * Math.PI, series[0]._proportion_ * Math.PI, false); context.stroke(); //## 第四步画指针 var pointerRadius = radius - gaugeOption.width * 2.5; context.save(); context.translate(centerPosition.x, centerPosition.y); context.rotate((series[0]._proportion_ - 1) * Math.PI); context.beginPath(); context.setLineWidth(gaugeOption.width / 3); var gradient3 = context.createLinearGradient(0, -pointerRadius * 0.6, 0, pointerRadius * 0.6); gradient3.addColorStop('0', hexToRgb('#FFFFFF', 0)); gradient3.addColorStop('0.5', hexToRgb(series[0].color, 1)); gradient3.addColorStop('1.0', hexToRgb('#FFFFFF', 0)); context.setStrokeStyle(gradient3); context.arc(0, 0, pointerRadius, 0.85 * Math.PI, 1.15 * Math.PI, false); context.stroke(); context.beginPath(); context.setLineWidth(1); context.setStrokeStyle(series[0].color); context.setFillStyle(series[0].color); context.moveTo(-pointerRadius - gaugeOption.width / 3 / 2, -4); context.lineTo(-pointerRadius - gaugeOption.width / 3 / 2 - 4, 0); context.lineTo(-pointerRadius - gaugeOption.width / 3 / 2, 4); context.lineTo(-pointerRadius - gaugeOption.width / 3 / 2, -4); context.stroke(); context.fill(); context.restore(); //default百度样式 } else { //画背景 context.setLineWidth(gaugeOption.width); context.setLineCap('butt'); for (var _i19 = 0; _i19 < categories.length; _i19++) { var eachCategories = categories[_i19]; context.beginPath(); context.setStrokeStyle(eachCategories.color); context.arc(centerPosition.x, centerPosition.y, radius, eachCategories._startAngle_ * Math.PI, eachCategories._endAngle_ * Math.PI, false); context.stroke(); } context.save(); //画刻度线 totalAngle = gaugeOption.startAngle - gaugeOption.endAngle + 1; var _splitAngle = totalAngle / gaugeOption.splitLine.splitNumber; var _childAngle = totalAngle / gaugeOption.splitLine.splitNumber / gaugeOption.splitLine.childNumber; var _startX2 = -radius - gaugeOption.width * 0.5 - gaugeOption.splitLine.fixRadius; var _endX = -radius - gaugeOption.width * 0.5 - gaugeOption.splitLine.fixRadius + gaugeOption.splitLine.width; var childendX = -radius - gaugeOption.width * 0.5 - gaugeOption.splitLine.fixRadius + gaugeOption.splitLine.childWidth; context.translate(centerPosition.x, centerPosition.y); context.rotate((gaugeOption.startAngle - 1) * Math.PI); for (var _i20 = 0; _i20 < gaugeOption.splitLine.splitNumber + 1; _i20++) { context.beginPath(); context.setStrokeStyle(gaugeOption.splitLine.color); context.setLineWidth(2 * opts.pixelRatio); context.moveTo(_startX2, 0); context.lineTo(_endX, 0); context.stroke(); context.rotate(_splitAngle * Math.PI); } context.restore(); context.save(); context.translate(centerPosition.x, centerPosition.y); context.rotate((gaugeOption.startAngle - 1) * Math.PI); for (var _i21 = 0; _i21 < gaugeOption.splitLine.splitNumber * gaugeOption.splitLine.childNumber + 1; _i21++) { context.beginPath(); context.setStrokeStyle(gaugeOption.splitLine.color); context.setLineWidth(1 * opts.pixelRatio); context.moveTo(_startX2, 0); context.lineTo(childendX, 0); context.stroke(); context.rotate(_childAngle * Math.PI); } context.restore(); //画指针 series = getGaugeDataPoints(series, categories, gaugeOption, process); for (var _i22 = 0; _i22 < series.length; _i22++) { var eachSeries = series[_i22]; context.save(); context.translate(centerPosition.x, centerPosition.y); context.rotate((eachSeries._proportion_ - 1) * Math.PI); context.beginPath(); context.setFillStyle(eachSeries.color); context.moveTo(gaugeOption.pointer.width, 0); context.lineTo(0, -gaugeOption.pointer.width / 2); context.lineTo(-innerRadius, 0); context.lineTo(0, gaugeOption.pointer.width / 2); context.lineTo(gaugeOption.pointer.width, 0); context.closePath(); context.fill(); context.beginPath(); context.setFillStyle('#FFFFFF'); context.arc(0, 0, gaugeOption.pointer.width / 6, 0, 2 * Math.PI, false); context.fill(); context.restore(); } if (opts.dataLabel !== false) { drawGaugeLabel(gaugeOption, radius, centerPosition, opts, config, context); } } //画仪表盘标题,副标题 drawRingTitle(opts, config, context, centerPosition); if (process === 1 && opts.type === 'gauge') { opts.extra.gauge.oldAngle = series[0]._proportion_; opts.extra.gauge.oldData = series[0].data; } return { center: centerPosition, radius: radius, innerRadius: innerRadius, categories: categories, totalAngle: totalAngle }; } function drawRadarDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var radarOption = assign({}, { gridColor: '#cccccc', labelColor: '#666666', opacity: 0.2, gridCount: 3 }, opts.extra.radar); var coordinateAngle = getRadarCoordinateSeries(opts.categories.length); var centerPosition = { x: opts.area[3] + (opts.width - opts.area[1] - opts.area[3]) / 2, y: opts.area[0] + (opts.height - opts.area[0] - opts.area[2]) / 2 }; var radius = Math.min(centerPosition.x - (getMaxTextListLength(opts.categories) + config.radarLabelTextMargin), centerPosition.y - config.radarLabelTextMargin); //TODO逻辑不对 radius -= opts.padding[1]; // draw grid context.beginPath(); context.setLineWidth(1 * opts.pixelRatio); context.setStrokeStyle(radarOption.gridColor); coordinateAngle.forEach(function (angle) { var pos = convertCoordinateOrigin(radius * Math.cos(angle), radius * Math.sin(angle), centerPosition); context.moveTo(centerPosition.x, centerPosition.y); context.lineTo(pos.x, pos.y); }); context.stroke(); context.closePath(); // draw split line grid var _loop = function _loop(i) { var startPos = {}; context.beginPath(); context.setLineWidth(1 * opts.pixelRatio); context.setStrokeStyle(radarOption.gridColor); coordinateAngle.forEach(function (angle, index) { var pos = convertCoordinateOrigin(radius / radarOption.gridCount * i * Math.cos(angle), radius / radarOption.gridCount * i * Math.sin(angle), centerPosition); if (index === 0) { startPos = pos; context.moveTo(pos.x, pos.y); } else { context.lineTo(pos.x, pos.y); } }); context.lineTo(startPos.x, startPos.y); context.stroke(); context.closePath(); }; for (var i = 1; i <= radarOption.gridCount; i++) { _loop(i); } var radarDataPoints = getRadarDataPoints(coordinateAngle, centerPosition, radius, series, opts, process); radarDataPoints.forEach(function (eachSeries, seriesIndex) { // 绘制区域数据 context.beginPath(); context.setFillStyle(hexToRgb(eachSeries.color, radarOption.opacity)); eachSeries.data.forEach(function (item, index) { if (index === 0) { context.moveTo(item.position.x, item.position.y); } else { context.lineTo(item.position.x, item.position.y); } }); context.closePath(); context.fill(); if (opts.dataPointShape !== false) { var points = eachSeries.data.map(function (item) { return item.position; }); drawPointShape(points, eachSeries.color, eachSeries.pointShape, context, opts); } }); // draw label text drawRadarLabel(coordinateAngle, radius, centerPosition, opts, config, context); return { center: centerPosition, radius: radius, angleList: coordinateAngle }; } function normalInt(min, max, iter) { iter = iter == 0 ? 1 : iter; var arr = []; for (var i = 0; i < iter; i++) { arr[i] = Math.random(); }; return Math.floor(arr.reduce(function (i, j) {return i + j;}) / iter * (max - min)) + min; }; function collisionNew(area, points, width, height) { var isIn = false; for (var i = 0; i < points.length; i++) { if (points[i].area) { if (area[3] < points[i].area[1] || area[0] > points[i].area[2] || area[1] > points[i].area[3] || area[2] < points[i].area[0]) { if (area[0] < 0 || area[1] < 0 || area[2] > width || area[3] > height) { isIn = true; break; } else { isIn = false; } } else { isIn = true; break; } } } return isIn; }; function getBoundingBox(data) { var bounds = {},coords; bounds.xMin = 180; bounds.xMax = 0; bounds.yMin = 90; bounds.yMax = 0; for (var i = 0; i < data.length; i++) { var coorda = data[i].geometry.coordinates; for (var k = 0; k < coorda.length; k++) { coords = coorda[k]; if (coords.length == 1) { coords = coords[0]; } for (var j = 0; j < coords.length; j++) { var longitude = coords[j][0]; var latitude = coords[j][1]; var point = { x: longitude, y: latitude }; bounds.xMin = bounds.xMin < point.x ? bounds.xMin : point.x; bounds.xMax = bounds.xMax > point.x ? bounds.xMax : point.x; bounds.yMin = bounds.yMin < point.y ? bounds.yMin : point.y; bounds.yMax = bounds.yMax > point.y ? bounds.yMax : point.y; } } } return bounds; } function coordinateToPoint(latitude, longitude, bounds, scale, xoffset, yoffset) { return { x: (longitude - bounds.xMin) * scale + xoffset, y: (bounds.yMax - latitude) * scale + yoffset }; } function pointToCoordinate(pointY, pointX, bounds, scale, xoffset, yoffset) { return { x: (pointX - xoffset) / scale + bounds.xMin, y: bounds.yMax - (pointY - yoffset) / scale }; } function isRayIntersectsSegment(poi, s_poi, e_poi) { if (s_poi[1] == e_poi[1]) {return false;} if (s_poi[1] > poi[1] && e_poi[1] > poi[1]) {return false;} if (s_poi[1] < poi[1] && e_poi[1] < poi[1]) {return false;} if (s_poi[1] == poi[1] && e_poi[1] > poi[1]) {return false;} if (e_poi[1] == poi[1] && s_poi[1] > poi[1]) {return false;} if (s_poi[0] < poi[0] && e_poi[1] < poi[1]) {return false;} var xseg = e_poi[0] - (e_poi[0] - s_poi[0]) * (e_poi[1] - poi[1]) / (e_poi[1] - s_poi[1]); if (xseg < poi[0]) { return false; } else { return true; } } function isPoiWithinPoly(poi, poly) { var sinsc = 0; for (var i = 0; i < poly.length; i++) { var epoly = poly[i][0]; if (poly.length == 1) { epoly = poly[i][0]; } for (var j = 0; j < epoly.length - 1; j++) { var s_poi = epoly[j]; var e_poi = epoly[j + 1]; if (isRayIntersectsSegment(poi, s_poi, e_poi)) { sinsc += 1; } } } if (sinsc % 2 == 1) { return true; } else { return false; } } function drawMapDataPoints(series, opts, config, context) { var mapOption = assign({}, { border: true, borderWidth: 1, borderColor: '#666666', fillOpacity: 0.6, activeBorderColor: '#f04864', activeFillColor: '#facc14', activeFillOpacity: 1 }, opts.extra.map); var coords, point; var data = series; var bounds = getBoundingBox(data); var xScale = opts.width / Math.abs(bounds.xMax - bounds.xMin); var yScale = opts.height / Math.abs(bounds.yMax - bounds.yMin); var scale = xScale < yScale ? xScale : yScale; var xoffset = opts.width / 2 - Math.abs(bounds.xMax - bounds.xMin) / 2 * scale; var yoffset = opts.height / 2 - Math.abs(bounds.yMax - bounds.yMin) / 2 * scale; context.beginPath(); context.clearRect(0, 0, opts.width, opts.height); context.setFillStyle(opts.background || '#FFFFFF'); context.rect(0, 0, opts.width, opts.height); context.fill(); for (var i = 0; i < data.length; i++) { context.beginPath(); context.setLineWidth(mapOption.borderWidth * opts.pixelRatio); context.setStrokeStyle(mapOption.borderColor); context.setFillStyle(hexToRgb(series[i].color, mapOption.fillOpacity)); if (opts.tooltip) { if (opts.tooltip.index == i) { context.setStrokeStyle(mapOption.activeBorderColor); context.setFillStyle(hexToRgb(mapOption.activeFillColor, mapOption.activeFillOpacity)); } } var coorda = data[i].geometry.coordinates; for (var k = 0; k < coorda.length; k++) { coords = coorda[k]; if (coords.length == 1) { coords = coords[0]; } for (var j = 0; j < coords.length; j++) { point = coordinateToPoint(coords[j][1], coords[j][0], bounds, scale, xoffset, yoffset); if (j === 0) { context.beginPath(); context.moveTo(point.x, point.y); } else { context.lineTo(point.x, point.y); } } context.fill(); if (mapOption.border == true) { context.stroke(); } } if (opts.dataLabel == true) { var centerPoint = data[i].properties.centroid; if (centerPoint) { point = coordinateToPoint(centerPoint[1], centerPoint[0], bounds, scale, xoffset, yoffset); var fontSize = data[i].textSize || config.fontSize; var text = data[i].properties.name; context.beginPath(); context.setFontSize(fontSize); context.setFillStyle(data[i].textColor || '#666666'); context.fillText(text, point.x - measureText(text, fontSize) / 2, point.y + fontSize / 2); context.closePath(); context.stroke(); } } } opts.chartData.mapData = { bounds: bounds, scale: scale, xoffset: xoffset, yoffset: yoffset }; drawToolTipBridge(opts, config, context, 1); context.draw(); } function getWordCloudPoint(opts, type) { var points = opts.series.sort(function (a, b) {return parseInt(b.textSize) - parseInt(a.textSize);}); switch (type) { case 'normal': for (var i = 0; i < points.length; i++) { var text = points[i].name; var tHeight = points[i].textSize; var tWidth = measureText(text, tHeight); var x = void 0,y = void 0; var area = void 0; var breaknum = 0; while (true) { breaknum++; x = normalInt(-opts.width / 2, opts.width / 2, 5) - tWidth / 2; y = normalInt(-opts.height / 2, opts.height / 2, 5) + tHeight / 2; area = [x - 5 + opts.width / 2, y - 5 - tHeight + opts.height / 2, x + tWidth + 5 + opts.width / 2, y + 5 + opts.height / 2]; var isCollision = collisionNew(area, points, opts.width, opts.height); if (!isCollision) break; if (breaknum == 1000) { area = [-100, -100, -100, -100]; break; } }; points[i].area = area; } break; case 'vertical':var Spin = function Spin() { //获取均匀随机值,是否旋转,旋转的概率为(1-0.5) if (Math.random() > 0.7) { return true; } else {return false;}; };; for (var _i23 = 0; _i23 < points.length; _i23++) { var _text2 = points[_i23].name; var _tHeight = points[_i23].textSize; var _tWidth = measureText(_text2, _tHeight); var isSpin = Spin(); var _x = void 0,_y = void 0,_area = void 0,areav = void 0; var _breaknum = 0; while (true) { _breaknum++; var _isCollision = void 0; if (isSpin) { _x = normalInt(-opts.width / 2, opts.width / 2, 5) - _tWidth / 2; _y = normalInt(-opts.height / 2, opts.height / 2, 5) + _tHeight / 2; _area = [_y - 5 - _tWidth + opts.width / 2, -_x - 5 + opts.height / 2, _y + 5 + opts.width / 2, -_x + _tHeight + 5 + opts.height / 2]; areav = [opts.width - (opts.width / 2 - opts.height / 2) - (-_x + _tHeight + 5 + opts.height / 2) - 5, opts.height / 2 - opts.width / 2 + (_y - 5 - _tWidth + opts.width / 2) - 5, opts.width - (opts.width / 2 - opts.height / 2) - (-_x + _tHeight + 5 + opts.height / 2) + _tHeight, opts.height / 2 - opts.width / 2 + (_y - 5 - _tWidth + opts.width / 2) + _tWidth + 5]; _isCollision = collisionNew(areav, points, opts.height, opts.width); } else { _x = normalInt(-opts.width / 2, opts.width / 2, 5) - _tWidth / 2; _y = normalInt(-opts.height / 2, opts.height / 2, 5) + _tHeight / 2; _area = [_x - 5 + opts.width / 2, _y - 5 - _tHeight + opts.height / 2, _x + _tWidth + 5 + opts.width / 2, _y + 5 + opts.height / 2]; _isCollision = collisionNew(_area, points, opts.width, opts.height); } if (!_isCollision) break; if (_breaknum == 1000) { _area = [-1000, -1000, -1000, -1000]; break; } }; if (isSpin) { points[_i23].area = areav; points[_i23].areav = _area; } else { points[_i23].area = _area; } points[_i23].rotate = isSpin; }; break;} return points; } function drawWordCloudDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var wordOption = assign({}, { type: 'normal', autoColors: true }, opts.extra.word); context.beginPath(); context.setFillStyle(opts.background || '#FFFFFF'); context.rect(0, 0, opts.width, opts.height); context.fill(); context.save(); var points = opts.chartData.wordCloudData; context.translate(opts.width / 2, opts.height / 2); for (var i = 0; i < points.length; i++) { context.save(); if (points[i].rotate) { context.rotate(90 * Math.PI / 180); } var text = points[i].name; var tHeight = points[i].textSize; var tWidth = measureText(text, tHeight); context.beginPath(); context.setStrokeStyle(points[i].color); context.setFillStyle(points[i].color); context.setFontSize(tHeight); if (points[i].rotate) { if (points[i].areav[0] > 0) { if (opts.tooltip) { if (opts.tooltip.index == i) { context.strokeText(text, (points[i].areav[0] + 5 - opts.width / 2) * process - tWidth * (1 - process) / 2, (points[i].areav[1] + 5 + tHeight - opts.height / 2) * process); } else { context.fillText(text, (points[i].areav[0] + 5 - opts.width / 2) * process - tWidth * (1 - process) / 2, (points[i].areav[1] + 5 + tHeight - opts.height / 2) * process); } } else { context.fillText(text, (points[i].areav[0] + 5 - opts.width / 2) * process - tWidth * (1 - process) / 2, (points[i].areav[1] + 5 + tHeight - opts.height / 2) * process); } } } else { if (points[i].area[0] > 0) { if (opts.tooltip) { if (opts.tooltip.index == i) { context.strokeText(text, (points[i].area[0] + 5 - opts.width / 2) * process - tWidth * (1 - process) / 2, (points[i].area[1] + 5 + tHeight - opts.height / 2) * process); } else { context.fillText(text, (points[i].area[0] + 5 - opts.width / 2) * process - tWidth * (1 - process) / 2, (points[i].area[1] + 5 + tHeight - opts.height / 2) * process); } } else { context.fillText(text, (points[i].area[0] + 5 - opts.width / 2) * process - tWidth * (1 - process) / 2, (points[i].area[1] + 5 + tHeight - opts.height / 2) * process); } } } context.stroke(); context.restore(); } context.restore(); } function drawFunnelDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var funnelOption = assign({}, { activeWidth: 10, activeOpacity: 0.3, border: false, borderWidth: 2, borderColor: '#FFFFFF', fillOpacity: 1, labelAlign: 'right' }, opts.extra.funnel); var eachSpacing = (opts.height - opts.area[0] - opts.area[2]) / series.length; var centerPosition = { x: opts.area[3] + (opts.width - opts.area[1] - opts.area[3]) / 2, y: opts.height - opts.area[2] }; var activeWidth = funnelOption.activeWidth; var radius = Math.min((opts.width - opts.area[1] - opts.area[3]) / 2 - activeWidth, (opts.height - opts.area[0] - opts.area[2]) / 2 - activeWidth); series = getFunnelDataPoints(series, radius, process); context.save(); context.translate(centerPosition.x, centerPosition.y); for (var i = 0; i < series.length; i++) { if (i == 0) { if (opts.tooltip) { if (opts.tooltip.index == i) { context.beginPath(); context.setFillStyle(hexToRgb(series[i].color, funnelOption.activeOpacity)); context.moveTo(-activeWidth, 0); context.lineTo(-series[i].radius - activeWidth, -eachSpacing); context.lineTo(series[i].radius + activeWidth, -eachSpacing); context.lineTo(activeWidth, 0); context.lineTo(-activeWidth, 0); context.closePath(); context.fill(); } } series[i].funnelArea = [centerPosition.x - series[i].radius, centerPosition.y - eachSpacing, centerPosition.x + series[i].radius, centerPosition.y]; context.beginPath(); context.setLineWidth(funnelOption.borderWidth * opts.pixelRatio); context.setStrokeStyle(funnelOption.borderColor); context.setFillStyle(hexToRgb(series[i].color, funnelOption.fillOpacity)); context.moveTo(0, 0); context.lineTo(-series[i].radius, -eachSpacing); context.lineTo(series[i].radius, -eachSpacing); context.lineTo(0, 0); context.closePath(); context.fill(); if (funnelOption.border == true) { context.stroke(); } } else { if (opts.tooltip) { if (opts.tooltip.index == i) { context.beginPath(); context.setFillStyle(hexToRgb(series[i].color, funnelOption.activeOpacity)); context.moveTo(0, 0); context.lineTo(-series[i - 1].radius - activeWidth, 0); context.lineTo(-series[i].radius - activeWidth, -eachSpacing); context.lineTo(series[i].radius + activeWidth, -eachSpacing); context.lineTo(series[i - 1].radius + activeWidth, 0); context.lineTo(0, 0); context.closePath(); context.fill(); } } series[i].funnelArea = [centerPosition.x - series[i].radius, centerPosition.y - eachSpacing * (i + 1), centerPosition.x + series[i].radius, centerPosition.y - eachSpacing * i]; context.beginPath(); context.setLineWidth(funnelOption.borderWidth * opts.pixelRatio); context.setStrokeStyle(funnelOption.borderColor); context.setFillStyle(hexToRgb(series[i].color, funnelOption.fillOpacity)); context.moveTo(0, 0); context.lineTo(-series[i - 1].radius, 0); context.lineTo(-series[i].radius, -eachSpacing); context.lineTo(series[i].radius, -eachSpacing); context.lineTo(series[i - 1].radius, 0); context.lineTo(0, 0); context.closePath(); context.fill(); if (funnelOption.border == true) { context.stroke(); } } context.translate(0, -eachSpacing); } context.restore(); if (opts.dataLabel !== false && process === 1) { drawFunnelText(series, opts, context, eachSpacing, funnelOption.labelAlign, activeWidth, centerPosition); } return { center: centerPosition, radius: radius, series: series }; } function drawFunnelText(series, opts, context, eachSpacing, labelAlign, activeWidth, centerPosition) { debugger; for (var i = 0; i < series.length; i++) { var item = series[i]; var startX = void 0,endX = void 0,startY = void 0,fontSize = void 0; var text = item.format ? item.format(+item._proportion_.toFixed(2)) : util.toFixed(item._proportion_ * 100) + '%'; if (labelAlign == 'right') { if (i == 0) { startX = (item.funnelArea[2] + centerPosition.x) / 2; } else { startX = (item.funnelArea[2] + series[i - 1].funnelArea[2]) / 2; } endX = startX + activeWidth * 2; startY = item.funnelArea[1] + eachSpacing / 2; fontSize = item.textSize || opts.fontSize; context.setLineWidth(1 * opts.pixelRatio); context.setStrokeStyle(item.color); context.setFillStyle(item.color); context.beginPath(); context.moveTo(startX, startY); context.lineTo(endX, startY); context.stroke(); context.closePath(); context.beginPath(); context.moveTo(endX, startY); context.arc(endX, startY, 2, 0, 2 * Math.PI); context.closePath(); context.fill(); context.beginPath(); context.setFontSize(fontSize); context.setFillStyle(item.textColor || '#666666'); context.fillText(text, endX + 5, startY + fontSize / 2 - 2); context.closePath(); context.stroke(); context.closePath(); } else { if (i == 0) { startX = (item.funnelArea[0] + centerPosition.x) / 2; } else { startX = (item.funnelArea[0] + series[i - 1].funnelArea[0]) / 2; } endX = startX - activeWidth * 2; startY = item.funnelArea[1] + eachSpacing / 2; fontSize = item.textSize || opts.fontSize; context.setLineWidth(1 * opts.pixelRatio); context.setStrokeStyle(item.color); context.setFillStyle(item.color); context.beginPath(); context.moveTo(startX, startY); context.lineTo(endX, startY); context.stroke(); context.closePath(); context.beginPath(); context.moveTo(endX, startY); context.arc(endX, startY, 2, 0, 2 * Math.PI); context.closePath(); context.fill(); context.beginPath(); context.setFontSize(fontSize); context.setFillStyle(item.textColor || '#666666'); context.fillText(text, endX - 5 - measureText(text), startY + fontSize / 2 - 2); context.closePath(); context.stroke(); context.closePath(); } } } function drawCanvas(opts, context) { context.draw(); } var Timing = { easeIn: function easeIn(pos) { return Math.pow(pos, 3); }, easeOut: function easeOut(pos) { return Math.pow(pos - 1, 3) + 1; }, easeInOut: function easeInOut(pos) { if ((pos /= 0.5) < 1) { return 0.5 * Math.pow(pos, 3); } else { return 0.5 * (Math.pow(pos - 2, 3) + 2); } }, linear: function linear(pos) { return pos; } }; function Animation(opts) { this.isStop = false; opts.duration = typeof opts.duration === 'undefined' ? 1000 : opts.duration; opts.timing = opts.timing || 'linear'; var delay = 17; function createAnimationFrame() { if (typeof setTimeout !== 'undefined') { return function (step, delay) { setTimeout(function () { var timeStamp = +new Date(); step(timeStamp); }, delay); }; } else if (typeof requestAnimationFrame !== 'undefined') { return requestAnimationFrame; } else { return function (step) { step(null); }; } }; var animationFrame = createAnimationFrame(); var startTimeStamp = null; var _step = function step(timestamp) { if (timestamp === null || this.isStop === true) { opts.onProcess && opts.onProcess(1); opts.onAnimationFinish && opts.onAnimationFinish(); return; } if (startTimeStamp === null) { startTimeStamp = timestamp; } if (timestamp - startTimeStamp < opts.duration) { var process = (timestamp - startTimeStamp) / opts.duration; var timingFunction = Timing[opts.timing]; process = timingFunction(process); opts.onProcess && opts.onProcess(process); animationFrame(_step, delay); } else { opts.onProcess && opts.onProcess(1); opts.onAnimationFinish && opts.onAnimationFinish(); } }; _step = _step.bind(this); animationFrame(_step, delay); } // stop animation immediately // and tigger onAnimationFinish Animation.prototype.stop = function () { this.isStop = true; }; function drawCharts(type, opts, config, context) { var _this = this; var series = opts.series; var categories = opts.categories; series = fillSeries(series, opts, config); var duration = opts.animation ? opts.duration : 0; _this.animationInstance && _this.animationInstance.stop(); var seriesMA = null; if (type == 'candle') { var average = assign({}, opts.extra.candle.average); if (average.show) { seriesMA = calCandleMA(average.day, average.name, average.color, series[0].data); seriesMA = fillSeries(seriesMA, opts, config); opts.seriesMA = seriesMA; } else if (opts.seriesMA) { seriesMA = opts.seriesMA = fillSeries(opts.seriesMA, opts, config); } else { seriesMA = series; } } else { seriesMA = series; } /* 过滤掉show=false的series */ opts._series_ = series = filterSeries(series); //重新计算图表区域 opts.area = new Array(4); //复位绘图区域 for (var j = 0; j < 4; j++) { opts.area[j] = opts.padding[j]; } //通过计算三大区域:图例、X轴、Y轴的大小,确定绘图区域 var _calLegendData = calLegendData(seriesMA, opts, config, opts.chartData), legendHeight = _calLegendData.area.wholeHeight, legendWidth = _calLegendData.area.wholeWidth; switch (opts.legend.position) { case 'top': opts.area[0] += legendHeight; break; case 'bottom': opts.area[2] += legendHeight; break; case 'left': opts.area[3] += legendWidth; break; case 'right': opts.area[1] += legendWidth; break;} var _calYAxisData = {},yAxisWidth = 0; if (opts.type === 'line' || opts.type === 'column' || opts.type === 'area' || opts.type === 'mix' || opts.type === 'candle') { _calYAxisData = calYAxisData(series, opts, config); yAxisWidth = _calYAxisData.yAxisWidth; //如果显示Y轴标题 if (opts.yAxis.showTitle) { var maxTitleHeight = 0; for (var i = 0; i < opts.yAxis.data.length; i++) { maxTitleHeight = Math.max(maxTitleHeight, opts.yAxis.data[i].titleFontSize ? opts.yAxis.data[i].titleFontSize : config.fontSize); } opts.area[0] += (maxTitleHeight + 6) * opts.pixelRatio; } var rightIndex = 0,leftIndex = 0; //计算主绘图区域左右位置 for (var _i24 = 0; _i24 < yAxisWidth.length; _i24++) { if (yAxisWidth[_i24].position == 'left') { if (leftIndex > 0) { opts.area[3] += yAxisWidth[_i24].width + opts.yAxis.padding; } else { opts.area[3] += yAxisWidth[_i24].width; } leftIndex += 1; } else { if (rightIndex > 0) { opts.area[1] += yAxisWidth[_i24].width + opts.yAxis.padding; } else { opts.area[1] += yAxisWidth[_i24].width; } rightIndex += 1; } } } else { config.yAxisWidth = yAxisWidth; } opts.chartData.yAxisData = _calYAxisData; if (opts.categories && opts.categories.length) { opts.chartData.xAxisData = getXAxisPoints(opts.categories, opts, config); var _calCategoriesData = calCategoriesData(opts.categories, opts, config, opts.chartData.xAxisData.eachSpacing), xAxisHeight = _calCategoriesData.xAxisHeight, angle = _calCategoriesData.angle; config.xAxisHeight = xAxisHeight; config._xAxisTextAngle_ = angle; opts.area[2] += xAxisHeight; opts.chartData.categoriesData = _calCategoriesData; } else { if (opts.type === 'line' || opts.type === 'area' || opts.type === 'points') { opts.chartData.xAxisData = calXAxisData(series, opts, config); categories = opts.chartData.xAxisData.rangesFormat; var _calCategoriesData2 = calCategoriesData(categories, opts, config, opts.chartData.xAxisData.eachSpacing), _xAxisHeight = _calCategoriesData2.xAxisHeight, _angle = _calCategoriesData2.angle; config.xAxisHeight = _xAxisHeight; config._xAxisTextAngle_ = _angle; opts.area[2] += _xAxisHeight; opts.chartData.categoriesData = _calCategoriesData2; } else { opts.chartData.xAxisData = { xAxisPoints: [] }; } } //计算右对齐偏移距离 if (opts.enableScroll && opts.xAxis.scrollAlign == 'right' && opts._scrollDistance_ === undefined) { var offsetLeft = 0, xAxisPoints = opts.chartData.xAxisData.xAxisPoints, startX = opts.chartData.xAxisData.startX, endX = opts.chartData.xAxisData.endX, eachSpacing = opts.chartData.xAxisData.eachSpacing; var totalWidth = eachSpacing * (xAxisPoints.length - 1); var screenWidth = endX - startX; offsetLeft = screenWidth - totalWidth; _this.scrollOption = { currentOffset: offsetLeft, startTouchX: offsetLeft, distance: 0, lastMoveTime: 0 }; opts._scrollDistance_ = offsetLeft; } if (type === 'pie' || type === 'ring' || type === 'rose') { config._pieTextMaxLength_ = opts.dataLabel === false ? 0 : getPieTextMaxLength(seriesMA); } switch (type) { case 'word': var wordOption = assign({}, { type: 'normal', autoColors: true }, opts.extra.word); if (opts.updateData == true || opts.updateData == undefined) { opts.chartData.wordCloudData = getWordCloudPoint(opts, wordOption.type); } this.animationInstance = new Animation({ timing: 'easeInOut', duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } drawWordCloudDataPoints(series, opts, config, context, process); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.event.trigger('renderComplete'); } }); break; case 'map': context.clearRect(0, 0, opts.width, opts.height); drawMapDataPoints(series, opts, config, context); break; case 'funnel': this.animationInstance = new Animation({ timing: 'easeInOut', duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } opts.chartData.funnelData = drawFunnelDataPoints(series, opts, config, context, process); drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.event.trigger('renderComplete'); } }); break; case 'line': this.animationInstance = new Animation({ timing: 'easeIn', duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } drawYAxisGrid(categories, opts, config, context); drawXAxis(categories, opts, config, context); var _drawLineDataPoints = drawLineDataPoints(series, opts, config, context, process), xAxisPoints = _drawLineDataPoints.xAxisPoints, calPoints = _drawLineDataPoints.calPoints, eachSpacing = _drawLineDataPoints.eachSpacing; opts.chartData.xAxisPoints = xAxisPoints; opts.chartData.calPoints = calPoints; opts.chartData.eachSpacing = eachSpacing; drawYAxis(series, opts, config, context); if (opts.enableMarkLine !== false && process === 1) { drawMarkLine(opts, config, context); } drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.event.trigger('renderComplete'); } }); break; case 'mix': this.animationInstance = new Animation({ timing: 'easeIn', duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } drawYAxisGrid(categories, opts, config, context); drawXAxis(categories, opts, config, context); var _drawMixDataPoints = drawMixDataPoints(series, opts, config, context, process), xAxisPoints = _drawMixDataPoints.xAxisPoints, calPoints = _drawMixDataPoints.calPoints, eachSpacing = _drawMixDataPoints.eachSpacing; opts.chartData.xAxisPoints = xAxisPoints; opts.chartData.calPoints = calPoints; opts.chartData.eachSpacing = eachSpacing; drawYAxis(series, opts, config, context); if (opts.enableMarkLine !== false && process === 1) { drawMarkLine(opts, config, context); } drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.event.trigger('renderComplete'); } }); break; case 'column': this.animationInstance = new Animation({ timing: 'easeIn', duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } drawYAxisGrid(categories, opts, config, context); drawXAxis(categories, opts, config, context); var _drawColumnDataPoints = drawColumnDataPoints(series, opts, config, context, process), xAxisPoints = _drawColumnDataPoints.xAxisPoints, calPoints = _drawColumnDataPoints.calPoints, eachSpacing = _drawColumnDataPoints.eachSpacing; opts.chartData.xAxisPoints = xAxisPoints; opts.chartData.calPoints = calPoints; opts.chartData.eachSpacing = eachSpacing; drawYAxis(series, opts, config, context); if (opts.enableMarkLine !== false && process === 1) { drawMarkLine(opts, config, context); } drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.event.trigger('renderComplete'); } }); break; case 'area': this.animationInstance = new Animation({ timing: 'easeIn', duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } drawYAxisGrid(categories, opts, config, context); drawXAxis(categories, opts, config, context); var _drawAreaDataPoints = drawAreaDataPoints(series, opts, config, context, process), xAxisPoints = _drawAreaDataPoints.xAxisPoints, calPoints = _drawAreaDataPoints.calPoints, eachSpacing = _drawAreaDataPoints.eachSpacing; opts.chartData.xAxisPoints = xAxisPoints; opts.chartData.calPoints = calPoints; opts.chartData.eachSpacing = eachSpacing; drawYAxis(series, opts, config, context); if (opts.enableMarkLine !== false && process === 1) { drawMarkLine(opts, config, context); } drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.event.trigger('renderComplete'); } }); break; case 'ring': case 'pie': this.animationInstance = new Animation({ timing: 'easeInOut', duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } opts.chartData.pieData = drawPieDataPoints(series, opts, config, context, process); drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.event.trigger('renderComplete'); } }); break; case 'rose': this.animationInstance = new Animation({ timing: 'easeInOut', duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } opts.chartData.pieData = drawRoseDataPoints(series, opts, config, context, process); drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.event.trigger('renderComplete'); } }); break; case 'radar': this.animationInstance = new Animation({ timing: 'easeInOut', duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } opts.chartData.radarData = drawRadarDataPoints(series, opts, config, context, process); drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.event.trigger('renderComplete'); } }); break; case 'arcbar': this.animationInstance = new Animation({ timing: 'easeInOut', duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } opts.chartData.arcbarData = drawArcbarDataPoints(series, opts, config, context, process); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.event.trigger('renderComplete'); } }); break; case 'gauge': this.animationInstance = new Animation({ timing: 'easeInOut', duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } opts.chartData.gaugeData = drawGaugeDataPoints(categories, series, opts, config, context, process); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.event.trigger('renderComplete'); } }); break; case 'candle': this.animationInstance = new Animation({ timing: 'easeIn', duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } drawYAxisGrid(categories, opts, config, context); drawXAxis(categories, opts, config, context); var _drawCandleDataPoints = drawCandleDataPoints(series, seriesMA, opts, config, context, process), xAxisPoints = _drawCandleDataPoints.xAxisPoints, calPoints = _drawCandleDataPoints.calPoints, eachSpacing = _drawCandleDataPoints.eachSpacing; opts.chartData.xAxisPoints = xAxisPoints; opts.chartData.calPoints = calPoints; opts.chartData.eachSpacing = eachSpacing; drawYAxis(series, opts, config, context); if (opts.enableMarkLine !== false && process === 1) { drawMarkLine(opts, config, context); } if (seriesMA) { drawLegend(seriesMA, opts, config, context, opts.chartData); } else { drawLegend(opts.series, opts, config, context, opts.chartData); } drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.event.trigger('renderComplete'); } }); break;} } // simple event implement function Event() { this.events = {}; } Event.prototype.addEventListener = function (type, listener) { this.events[type] = this.events[type] || []; this.events[type].push(listener); }; Event.prototype.trigger = function () { for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } var type = args[0]; var params = args.slice(1); if (!!this.events[type]) { this.events[type].forEach(function (listener) { try { listener.apply(null, params); } catch (e) { console.error(e); } }); } }; var Charts = function Charts(opts) { opts.pixelRatio = opts.pixelRatio ? opts.pixelRatio : 1; opts.fontSize = opts.fontSize ? opts.fontSize * opts.pixelRatio : 13 * opts.pixelRatio; opts.title = assign({}, opts.title); opts.subtitle = assign({}, opts.subtitle); opts.duration = opts.duration ? opts.duration : 1000; opts.yAxis = assign({}, { data: [], showTitle: false, disabled: false, disableGrid: false, splitNumber: 5, gridType: 'solid', dashLength: 4 * opts.pixelRatio, gridColor: '#cccccc', padding: 10, fontColor: '#666666' }, opts.yAxis); opts.yAxis.dashLength *= opts.pixelRatio; opts.yAxis.padding *= opts.pixelRatio; opts.xAxis = assign({}, { rotateLabel: false, type: 'calibration', gridType: 'solid', dashLength: 4, scrollAlign: 'left', boundaryGap: 'center', axisLine: true, axisLineColor: '#cccccc' }, opts.xAxis); opts.xAxis.dashLength *= opts.pixelRatio; opts.legend = assign({}, { show: true, position: 'bottom', float: 'center', backgroundColor: 'rgba(0,0,0,0)', borderColor: 'rgba(0,0,0,0)', borderWidth: 0, padding: 5, margin: 5, itemGap: 10, fontSize: opts.fontSize, lineHeight: opts.fontSize, fontColor: '#333333', format: {}, hiddenColor: '#CECECE' }, opts.legend); opts.legend.borderWidth = opts.legend.borderWidth * opts.pixelRatio; opts.legend.itemGap = opts.legend.itemGap * opts.pixelRatio; opts.legend.padding = opts.legend.padding * opts.pixelRatio; opts.legend.margin = opts.legend.margin * opts.pixelRatio; opts.extra = assign({}, opts.extra); opts.rotate = opts.rotate ? true : false; opts.animation = opts.animation ? true : false; opts.rotate = opts.rotate ? true : false; var config$$1 = JSON.parse(JSON.stringify(config)); config$$1.colors = opts.colors ? opts.colors : config$$1.colors; config$$1.yAxisTitleWidth = opts.yAxis.disabled !== true && opts.yAxis.title ? config$$1.yAxisTitleWidth : 0; if (opts.type == 'pie' || opts.type == 'ring') { config$$1.pieChartLinePadding = opts.dataLabel === false ? 0 : opts.extra.pie.labelWidth * opts.pixelRatio || config$$1.pieChartLinePadding * opts.pixelRatio; } if (opts.type == 'rose') { config$$1.pieChartLinePadding = opts.dataLabel === false ? 0 : opts.extra.rose.labelWidth * opts.pixelRatio || config$$1.pieChartLinePadding * opts.pixelRatio; } config$$1.pieChartTextPadding = opts.dataLabel === false ? 0 : config$$1.pieChartTextPadding * opts.pixelRatio; config$$1.yAxisSplit = opts.yAxis.splitNumber ? opts.yAxis.splitNumber : config.yAxisSplit; //屏幕旋转 config$$1.rotate = opts.rotate; if (opts.rotate) { var tempWidth = opts.width; var tempHeight = opts.height; opts.width = tempHeight; opts.height = tempWidth; } //适配高分屏 opts.padding = opts.padding ? opts.padding : config$$1.padding; for (var i = 0; i < 4; i++) { opts.padding[i] *= opts.pixelRatio; } config$$1.yAxisWidth = config.yAxisWidth * opts.pixelRatio; config$$1.xAxisHeight = config.xAxisHeight * opts.pixelRatio; if (opts.enableScroll && opts.xAxis.scrollShow) { config$$1.xAxisHeight += 6 * opts.pixelRatio; } config$$1.xAxisLineHeight = config.xAxisLineHeight * opts.pixelRatio; config$$1.fontSize = opts.fontSize; config$$1.titleFontSize = config.titleFontSize * opts.pixelRatio; config$$1.subtitleFontSize = config.subtitleFontSize * opts.pixelRatio; config$$1.toolTipPadding = config.toolTipPadding * opts.pixelRatio; config$$1.toolTipLineHeight = config.toolTipLineHeight * opts.pixelRatio; config$$1.columePadding = config.columePadding * opts.pixelRatio; opts.$this = opts.$this ? opts.$this : this; this.context = uni.createCanvasContext(opts.canvasId, opts.$this); /* 兼容原生H5 this.context = document.getElementById(opts.canvasId).getContext("2d"); this.context.setStrokeStyle = function(e){ return this.strokeStyle=e; } this.context.setLineWidth = function(e){ return this.lineWidth=e; } this.context.setLineCap = function(e){ return this.lineCap=e; } this.context.setFontSize = function(e){ return this.font=e+"px sans-serif"; } this.context.setFillStyle = function(e){ return this.fillStyle=e; } this.context.draw = function(){ } */ opts.chartData = {}; this.event = new Event(); this.scrollOption = { currentOffset: 0, startTouchX: 0, distance: 0, lastMoveTime: 0 }; this.opts = opts; this.config = config$$1; drawCharts.call(this, opts.type, opts, config$$1, this.context); }; Charts.prototype.updateData = function () { var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; this.opts = assign({}, this.opts, data); this.opts.updateData = true; var scrollPosition = data.scrollPosition || 'current'; switch (scrollPosition) { case 'current': this.opts._scrollDistance_ = this.scrollOption.currentOffset; break; case 'left': this.opts._scrollDistance_ = 0; this.scrollOption = { currentOffset: 0, startTouchX: 0, distance: 0, lastMoveTime: 0 }; break; case 'right': var _calYAxisData = calYAxisData(this.opts.series, this.opts, this.config), yAxisWidth = _calYAxisData.yAxisWidth; this.config.yAxisWidth = yAxisWidth; var offsetLeft = 0; var _getXAxisPoints0 = getXAxisPoints(this.opts.categories, this.opts, this.config), xAxisPoints = _getXAxisPoints0.xAxisPoints, startX = _getXAxisPoints0.startX, endX = _getXAxisPoints0.endX, eachSpacing = _getXAxisPoints0.eachSpacing; var totalWidth = eachSpacing * (xAxisPoints.length - 1); var screenWidth = endX - startX; offsetLeft = screenWidth - totalWidth; this.scrollOption = { currentOffset: offsetLeft, startTouchX: offsetLeft, distance: 0, lastMoveTime: 0 }; this.opts._scrollDistance_ = offsetLeft; break;} drawCharts.call(this, this.opts.type, this.opts, this.config, this.context); }; Charts.prototype.zoom = function () { var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.opts.xAxis.itemCount; if (this.opts.enableScroll !== true) { console.log('请启用滚动条后使用!'); return; } //当前屏幕中间点 var centerPoint = Math.round(Math.abs(this.scrollOption.currentOffset) / this.opts.chartData.eachSpacing) + Math.round( this.opts.xAxis.itemCount / 2); this.opts.animation = false; this.opts.xAxis.itemCount = val.itemCount; //重新计算x轴偏移距离 var _calYAxisData = calYAxisData(this.opts.series, this.opts, this.config), yAxisWidth = _calYAxisData.yAxisWidth; this.config.yAxisWidth = yAxisWidth; var offsetLeft = 0; var _getXAxisPoints0 = getXAxisPoints(this.opts.categories, this.opts, this.config), xAxisPoints = _getXAxisPoints0.xAxisPoints, startX = _getXAxisPoints0.startX, endX = _getXAxisPoints0.endX, eachSpacing = _getXAxisPoints0.eachSpacing; var centerLeft = eachSpacing * centerPoint; var screenWidth = endX - startX; var MaxLeft = screenWidth - eachSpacing * (xAxisPoints.length - 1); offsetLeft = screenWidth / 2 - centerLeft; if (offsetLeft > 0) { offsetLeft = 0; } if (offsetLeft < MaxLeft) { offsetLeft = MaxLeft; } this.scrollOption = { currentOffset: offsetLeft, startTouchX: offsetLeft, distance: 0, lastMoveTime: 0 }; this.opts._scrollDistance_ = offsetLeft; drawCharts.call(this, this.opts.type, this.opts, this.config, this.context); }; Charts.prototype.stopAnimation = function () { this.animationInstance && this.animationInstance.stop(); }; Charts.prototype.addEventListener = function (type, listener) { this.event.addEventListener(type, listener); }; Charts.prototype.getCurrentDataIndex = function (e) { var touches = null; if (e.changedTouches) { touches = e.changedTouches[0]; } else { touches = e.mp.changedTouches[0]; } if (touches) { var _touches$ = getTouches(touches, this.opts, e); if (this.opts.type === 'pie' || this.opts.type === 'ring' || this.opts.type === 'rose') { return findPieChartCurrentIndex({ x: _touches$.x, y: _touches$.y }, this.opts.chartData.pieData); } else if (this.opts.type === 'radar') { return findRadarChartCurrentIndex({ x: _touches$.x, y: _touches$.y }, this.opts.chartData.radarData, this.opts.categories.length); } else if (this.opts.type === 'funnel') { return findFunnelChartCurrentIndex({ x: _touches$.x, y: _touches$.y }, this.opts.chartData.funnelData); } else if (this.opts.type === 'map') { return findMapChartCurrentIndex({ x: _touches$.x, y: _touches$.y }, this.opts); } else if (this.opts.type === 'word') { return findWordChartCurrentIndex({ x: _touches$.x, y: _touches$.y }, this.opts.chartData.wordCloudData); } else { return findCurrentIndex({ x: _touches$.x, y: _touches$.y }, this.opts.chartData.calPoints, this.opts, this.config, Math.abs(this.scrollOption.currentOffset)); } } return -1; }; Charts.prototype.getLegendDataIndex = function (e) { var touches = null; if (e.changedTouches) { touches = e.changedTouches[0]; } else { touches = e.mp.changedTouches[0]; } if (touches) { var _touches$ = getTouches(touches, this.opts, e); return findLegendIndex({ x: _touches$.x, y: _touches$.y }, this.opts.chartData.legendData); } return -1; }; Charts.prototype.touchLegend = function (e) { var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; var touches = null; if (e.changedTouches) { touches = e.changedTouches[0]; } else { touches = e.mp.changedTouches[0]; } if (touches) { var _touches$ = getTouches(touches, this.opts, e); var index = this.getLegendDataIndex(e); if (index >= 0) { this.opts.series[index].show = !this.opts.series[index].show; this.opts.animation = option.animation ? true : false; this.opts._scrollDistance_ = this.scrollOption.currentOffset; drawCharts.call(this, this.opts.type, this.opts, this.config, this.context); } } }; Charts.prototype.showToolTip = function (e) { var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; var touches = null; if (e.changedTouches) { touches = e.changedTouches[0]; } else { touches = e.mp.changedTouches[0]; } if (!touches) { console.log("touchError"); } var _touches$ = getTouches(touches, this.opts, e); var currentOffset = this.scrollOption.currentOffset; var opts = assign({}, this.opts, { _scrollDistance_: currentOffset, animation: false }); if (this.opts.type === 'line' || this.opts.type === 'area' || this.opts.type === 'column') { var index = option.index == undefined ? this.getCurrentDataIndex(e) : option.index; if (index > -1) { var seriesData = getSeriesDataItem(this.opts.series, index); if (seriesData.length !== 0) { var _getToolTipData = getToolTipData(seriesData, this.opts.chartData.calPoints, index, this.opts.categories, option), textList = _getToolTipData.textList, offset = _getToolTipData.offset; offset.y = _touches$.y; opts.tooltip = { textList: option.textList ? option.textList : textList, offset: offset, option: option, index: index }; } } drawCharts.call(this, opts.type, opts, this.config, this.context); } if (this.opts.type === 'mix') { var index = option.index == undefined ? this.getCurrentDataIndex(e) : option.index; if (index > -1) { var currentOffset = this.scrollOption.currentOffset; var opts = assign({}, this.opts, { _scrollDistance_: currentOffset, animation: false }); var seriesData = getSeriesDataItem(this.opts.series, index); if (seriesData.length !== 0) { var _getMixToolTipData = getMixToolTipData(seriesData, this.opts.chartData.calPoints, index, this.opts.categories, option), textList = _getMixToolTipData.textList, offset = _getMixToolTipData.offset; offset.y = _touches$.y; opts.tooltip = { textList: option.textList ? option.textList : textList, offset: offset, option: option, index: index }; } } drawCharts.call(this, opts.type, opts, this.config, this.context); } if (this.opts.type === 'candle') { var index = option.index == undefined ? this.getCurrentDataIndex(e) : option.index; if (index > -1) { var currentOffset = this.scrollOption.currentOffset; var opts = assign({}, this.opts, { _scrollDistance_: currentOffset, animation: false }); var seriesData = getSeriesDataItem(this.opts.series, index); if (seriesData.length !== 0) { var _getToolTipData = getCandleToolTipData(this.opts.series[0].data, seriesData, this.opts.chartData.calPoints, index, this.opts.categories, this.opts.extra.candle, option), textList = _getToolTipData.textList, offset = _getToolTipData.offset; offset.y = _touches$.y; opts.tooltip = { textList: option.textList ? option.textList : textList, offset: offset, option: option, index: index }; } } drawCharts.call(this, opts.type, opts, this.config, this.context); } if (this.opts.type === 'pie' || this.opts.type === 'ring' || this.opts.type === 'rose' || this.opts.type === 'funnel') { var index = option.index == undefined ? this.getCurrentDataIndex(e) : option.index; if (index > -1) { var currentOffset = this.scrollOption.currentOffset; var opts = assign({}, this.opts, { _scrollDistance_: currentOffset, animation: false }); var seriesData = this.opts._series_[index]; var textList = [{ text: option.format ? option.format(seriesData) : seriesData.name + ': ' + seriesData.data, color: seriesData.color }]; var offset = { x: _touches$.x, y: _touches$.y }; opts.tooltip = { textList: option.textList ? option.textList : textList, offset: offset, option: option, index: index }; } drawCharts.call(this, opts.type, opts, this.config, this.context); } if (this.opts.type === 'map' || this.opts.type === 'word') { var index = option.index == undefined ? this.getCurrentDataIndex(e) : option.index; if (index > -1) { var currentOffset = this.scrollOption.currentOffset; var opts = assign({}, this.opts, { _scrollDistance_: currentOffset, animation: false }); var seriesData = this.opts._series_[index]; var textList = [{ text: option.format ? option.format(seriesData) : seriesData.properties.name, color: seriesData.color }]; var offset = { x: _touches$.x, y: _touches$.y }; opts.tooltip = { textList: option.textList ? option.textList : textList, offset: offset, option: option, index: index }; } opts.updateData = false; drawCharts.call(this, opts.type, opts, this.config, this.context); } if (this.opts.type === 'radar') { var index = option.index == undefined ? this.getCurrentDataIndex(e) : option.index; if (index > -1) { var currentOffset = this.scrollOption.currentOffset; var opts = assign({}, this.opts, { _scrollDistance_: currentOffset, animation: false }); var seriesData = getSeriesDataItem(this.opts.series, index); if (seriesData.length !== 0) { var textList = seriesData.map(function (item) { return { text: option.format ? option.format(item) : item.name + ': ' + item.data, color: item.color }; }); var offset = { x: _touches$.x, y: _touches$.y }; opts.tooltip = { textList: option.textList ? option.textList : textList, offset: offset, option: option, index: index }; } } drawCharts.call(this, opts.type, opts, this.config, this.context); } }; Charts.prototype.translate = function (distance) { this.scrollOption = { currentOffset: distance, startTouchX: distance, distance: 0, lastMoveTime: 0 }; var opts = assign({}, this.opts, { _scrollDistance_: distance, animation: false }); drawCharts.call(this, this.opts.type, opts, this.config, this.context); }; Charts.prototype.scrollStart = function (e) { var touches = null; if (e.changedTouches) { touches = e.changedTouches[0]; } else { touches = e.mp.changedTouches[0]; } var _touches$ = getTouches(touches, this.opts, e); if (touches && this.opts.enableScroll === true) { this.scrollOption.startTouchX = _touches$.x; } }; Charts.prototype.scroll = function (e) { if (this.scrollOption.lastMoveTime === 0) { this.scrollOption.lastMoveTime = Date.now(); } var Limit = this.opts.extra.touchMoveLimit || 20; var currMoveTime = Date.now(); var duration = currMoveTime - this.scrollOption.lastMoveTime; if (duration < Math.floor(1000 / Limit)) return; this.scrollOption.lastMoveTime = currMoveTime; var touches = null; if (e.changedTouches) { touches = e.changedTouches[0]; } else { touches = e.mp.changedTouches[0]; } if (touches && this.opts.enableScroll === true) { var _touches$ = getTouches(touches, this.opts, e); var _distance; _distance = _touches$.x - this.scrollOption.startTouchX; var currentOffset = this.scrollOption.currentOffset; var validDistance = calValidDistance(this, currentOffset + _distance, this.opts.chartData, this.config, this.opts); this.scrollOption.distance = _distance = validDistance - currentOffset; var opts = assign({}, this.opts, { _scrollDistance_: currentOffset + _distance, animation: false }); drawCharts.call(this, opts.type, opts, this.config, this.context); return currentOffset + _distance; } }; Charts.prototype.scrollEnd = function (e) { if (this.opts.enableScroll === true) { var _scrollOption = this.scrollOption, currentOffset = _scrollOption.currentOffset, distance = _scrollOption.distance; this.scrollOption.currentOffset = currentOffset + distance; this.scrollOption.distance = 0; } }; if ( true && typeof module.exports === "object") { module.exports = Charts; //export default Charts;//建议使用nodejs的module导出方式,如报错请使用export方式导出 } /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 1)["default"])) /***/ }), /***/ 2: /*!******************************************************************************************!*\ !*** ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/mp-vue/dist/mp.runtime.esm.js ***! \******************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* WEBPACK VAR INJECTION */(function(global) {/*! * Vue.js v2.6.11 * (c) 2014-2020 Evan You * Released under the MIT License. */ /* */ var emptyObject = Object.freeze({}); // These helpers produce better VM code in JS engines due to their // explicitness and function inlining. function isUndef (v) { return v === undefined || v === null } function isDef (v) { return v !== undefined && v !== null } function isTrue (v) { return v === true } function isFalse (v) { return v === false } /** * Check if value is primitive. */ function isPrimitive (value) { return ( typeof value === 'string' || typeof value === 'number' || // $flow-disable-line typeof value === 'symbol' || typeof value === 'boolean' ) } /** * Quick object check - this is primarily used to tell * Objects from primitive values when we know the value * is a JSON-compliant type. */ function isObject (obj) { return obj !== null && typeof obj === 'object' } /** * Get the raw type string of a value, e.g., [object Object]. */ var _toString = Object.prototype.toString; function toRawType (value) { return _toString.call(value).slice(8, -1) } /** * Strict object type check. Only returns true * for plain JavaScript objects. */ function isPlainObject (obj) { return _toString.call(obj) === '[object Object]' } function isRegExp (v) { return _toString.call(v) === '[object RegExp]' } /** * Check if val is a valid array index. */ function isValidArrayIndex (val) { var n = parseFloat(String(val)); return n >= 0 && Math.floor(n) === n && isFinite(val) } function isPromise (val) { return ( isDef(val) && typeof val.then === 'function' && typeof val.catch === 'function' ) } /** * Convert a value to a string that is actually rendered. */ function toString (val) { return val == null ? '' : Array.isArray(val) || (isPlainObject(val) && val.toString === _toString) ? JSON.stringify(val, null, 2) : String(val) } /** * Convert an input value to a number for persistence. * If the conversion fails, return original string. */ function toNumber (val) { var n = parseFloat(val); return isNaN(n) ? val : n } /** * Make a map and return a function for checking if a key * is in that map. */ function makeMap ( str, expectsLowerCase ) { var map = Object.create(null); var list = str.split(','); for (var i = 0; i < list.length; i++) { map[list[i]] = true; } return expectsLowerCase ? function (val) { return map[val.toLowerCase()]; } : function (val) { return map[val]; } } /** * Check if a tag is a built-in tag. */ var isBuiltInTag = makeMap('slot,component', true); /** * Check if an attribute is a reserved attribute. */ var isReservedAttribute = makeMap('key,ref,slot,slot-scope,is'); /** * Remove an item from an array. */ function remove (arr, item) { if (arr.length) { var index = arr.indexOf(item); if (index > -1) { return arr.splice(index, 1) } } } /** * Check whether an object has the property. */ var hasOwnProperty = Object.prototype.hasOwnProperty; function hasOwn (obj, key) { return hasOwnProperty.call(obj, key) } /** * Create a cached version of a pure function. */ function cached (fn) { var cache = Object.create(null); return (function cachedFn (str) { var hit = cache[str]; return hit || (cache[str] = fn(str)) }) } /** * Camelize a hyphen-delimited string. */ var camelizeRE = /-(\w)/g; var camelize = cached(function (str) { return str.replace(camelizeRE, function (_, c) { return c ? c.toUpperCase() : ''; }) }); /** * Capitalize a string. */ var capitalize = cached(function (str) { return str.charAt(0).toUpperCase() + str.slice(1) }); /** * Hyphenate a camelCase string. */ var hyphenateRE = /\B([A-Z])/g; var hyphenate = cached(function (str) { return str.replace(hyphenateRE, '-$1').toLowerCase() }); /** * Simple bind polyfill for environments that do not support it, * e.g., PhantomJS 1.x. Technically, we don't need this anymore * since native bind is now performant enough in most browsers. * But removing it would mean breaking code that was able to run in * PhantomJS 1.x, so this must be kept for backward compatibility. */ /* istanbul ignore next */ function polyfillBind (fn, ctx) { function boundFn (a) { var l = arguments.length; return l ? l > 1 ? fn.apply(ctx, arguments) : fn.call(ctx, a) : fn.call(ctx) } boundFn._length = fn.length; return boundFn } function nativeBind (fn, ctx) { return fn.bind(ctx) } var bind = Function.prototype.bind ? nativeBind : polyfillBind; /** * Convert an Array-like object to a real Array. */ function toArray (list, start) { start = start || 0; var i = list.length - start; var ret = new Array(i); while (i--) { ret[i] = list[i + start]; } return ret } /** * Mix properties into target object. */ function extend (to, _from) { for (var key in _from) { to[key] = _from[key]; } return to } /** * Merge an Array of Objects into a single Object. */ function toObject (arr) { var res = {}; for (var i = 0; i < arr.length; i++) { if (arr[i]) { extend(res, arr[i]); } } return res } /* eslint-disable no-unused-vars */ /** * Perform no operation. * Stubbing args to make Flow happy without leaving useless transpiled code * with ...rest (https://flow.org/blog/2017/05/07/Strict-Function-Call-Arity/). */ function noop (a, b, c) {} /** * Always return false. */ var no = function (a, b, c) { return false; }; /* eslint-enable no-unused-vars */ /** * Return the same value. */ var identity = function (_) { return _; }; /** * Check if two values are loosely equal - that is, * if they are plain objects, do they have the same shape? */ function looseEqual (a, b) { if (a === b) { return true } var isObjectA = isObject(a); var isObjectB = isObject(b); if (isObjectA && isObjectB) { try { var isArrayA = Array.isArray(a); var isArrayB = Array.isArray(b); if (isArrayA && isArrayB) { return a.length === b.length && a.every(function (e, i) { return looseEqual(e, b[i]) }) } else if (a instanceof Date && b instanceof Date) { return a.getTime() === b.getTime() } else if (!isArrayA && !isArrayB) { var keysA = Object.keys(a); var keysB = Object.keys(b); return keysA.length === keysB.length && keysA.every(function (key) { return looseEqual(a[key], b[key]) }) } else { /* istanbul ignore next */ return false } } catch (e) { /* istanbul ignore next */ return false } } else if (!isObjectA && !isObjectB) { return String(a) === String(b) } else { return false } } /** * Return the first index at which a loosely equal value can be * found in the array (if value is a plain object, the array must * contain an object of the same shape), or -1 if it is not present. */ function looseIndexOf (arr, val) { for (var i = 0; i < arr.length; i++) { if (looseEqual(arr[i], val)) { return i } } return -1 } /** * Ensure a function is called only once. */ function once (fn) { var called = false; return function () { if (!called) { called = true; fn.apply(this, arguments); } } } var ASSET_TYPES = [ 'component', 'directive', 'filter' ]; var LIFECYCLE_HOOKS = [ 'beforeCreate', 'created', 'beforeMount', 'mounted', 'beforeUpdate', 'updated', 'beforeDestroy', 'destroyed', 'activated', 'deactivated', 'errorCaptured', 'serverPrefetch' ]; /* */ var config = ({ /** * Option merge strategies (used in core/util/options) */ // $flow-disable-line optionMergeStrategies: Object.create(null), /** * Whether to suppress warnings. */ silent: false, /** * Show production mode tip message on boot? */ productionTip: "development" !== 'production', /** * Whether to enable devtools */ devtools: "development" !== 'production', /** * Whether to record perf */ performance: false, /** * Error handler for watcher errors */ errorHandler: null, /** * Warn handler for watcher warns */ warnHandler: null, /** * Ignore certain custom elements */ ignoredElements: [], /** * Custom user key aliases for v-on */ // $flow-disable-line keyCodes: Object.create(null), /** * Check if a tag is reserved so that it cannot be registered as a * component. This is platform-dependent and may be overwritten. */ isReservedTag: no, /** * Check if an attribute is reserved so that it cannot be used as a component * prop. This is platform-dependent and may be overwritten. */ isReservedAttr: no, /** * Check if a tag is an unknown element. * Platform-dependent. */ isUnknownElement: no, /** * Get the namespace of an element */ getTagNamespace: noop, /** * Parse the real tag name for the specific platform. */ parsePlatformTagName: identity, /** * Check if an attribute must be bound using property, e.g. value * Platform-dependent. */ mustUseProp: no, /** * Perform updates asynchronously. Intended to be used by Vue Test Utils * This will significantly reduce performance if set to false. */ async: true, /** * Exposed for legacy reasons */ _lifecycleHooks: LIFECYCLE_HOOKS }); /* */ /** * unicode letters used for parsing html tags, component names and property paths. * using https://www.w3.org/TR/html53/semantics-scripting.html#potentialcustomelementname * skipping \u10000-\uEFFFF due to it freezing up PhantomJS */ var unicodeRegExp = /a-zA-Z\u00B7\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u037D\u037F-\u1FFF\u200C-\u200D\u203F-\u2040\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD/; /** * Check if a string starts with $ or _ */ function isReserved (str) { var c = (str + '').charCodeAt(0); return c === 0x24 || c === 0x5F } /** * Define a property. */ function def (obj, key, val, enumerable) { Object.defineProperty(obj, key, { value: val, enumerable: !!enumerable, writable: true, configurable: true }); } /** * Parse simple path. */ var bailRE = new RegExp(("[^" + (unicodeRegExp.source) + ".$_\\d]")); function parsePath (path) { if (bailRE.test(path)) { return } var segments = path.split('.'); return function (obj) { for (var i = 0; i < segments.length; i++) { if (!obj) { return } obj = obj[segments[i]]; } return obj } } /* */ // can we use __proto__? var hasProto = '__proto__' in {}; // Browser environment sniffing var inBrowser = typeof window !== 'undefined'; var inWeex = typeof WXEnvironment !== 'undefined' && !!WXEnvironment.platform; var weexPlatform = inWeex && WXEnvironment.platform.toLowerCase(); var UA = inBrowser && window.navigator.userAgent.toLowerCase(); var isIE = UA && /msie|trident/.test(UA); var isIE9 = UA && UA.indexOf('msie 9.0') > 0; var isEdge = UA && UA.indexOf('edge/') > 0; var isAndroid = (UA && UA.indexOf('android') > 0) || (weexPlatform === 'android'); var isIOS = (UA && /iphone|ipad|ipod|ios/.test(UA)) || (weexPlatform === 'ios'); var isChrome = UA && /chrome\/\d+/.test(UA) && !isEdge; var isPhantomJS = UA && /phantomjs/.test(UA); var isFF = UA && UA.match(/firefox\/(\d+)/); // Firefox has a "watch" function on Object.prototype... var nativeWatch = ({}).watch; if (inBrowser) { try { var opts = {}; Object.defineProperty(opts, 'passive', ({ get: function get () { } })); // https://github.com/facebook/flow/issues/285 window.addEventListener('test-passive', null, opts); } catch (e) {} } // this needs to be lazy-evaled because vue may be required before // vue-server-renderer can set VUE_ENV var _isServer; var isServerRendering = function () { if (_isServer === undefined) { /* istanbul ignore if */ if (!inBrowser && !inWeex && typeof global !== 'undefined') { // detect presence of vue-server-renderer and avoid // Webpack shimming the process _isServer = global['process'] && global['process'].env.VUE_ENV === 'server'; } else { _isServer = false; } } return _isServer }; // detect devtools var devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__; /* istanbul ignore next */ function isNative (Ctor) { return typeof Ctor === 'function' && /native code/.test(Ctor.toString()) } var hasSymbol = typeof Symbol !== 'undefined' && isNative(Symbol) && typeof Reflect !== 'undefined' && isNative(Reflect.ownKeys); var _Set; /* istanbul ignore if */ // $flow-disable-line if (typeof Set !== 'undefined' && isNative(Set)) { // use native Set when available. _Set = Set; } else { // a non-standard Set polyfill that only works with primitive keys. _Set = /*@__PURE__*/(function () { function Set () { this.set = Object.create(null); } Set.prototype.has = function has (key) { return this.set[key] === true }; Set.prototype.add = function add (key) { this.set[key] = true; }; Set.prototype.clear = function clear () { this.set = Object.create(null); }; return Set; }()); } /* */ var warn = noop; var tip = noop; var generateComponentTrace = (noop); // work around flow check var formatComponentName = (noop); if (true) { var hasConsole = typeof console !== 'undefined'; var classifyRE = /(?:^|[-_])(\w)/g; var classify = function (str) { return str .replace(classifyRE, function (c) { return c.toUpperCase(); }) .replace(/[-_]/g, ''); }; warn = function (msg, vm) { var trace = vm ? generateComponentTrace(vm) : ''; if (config.warnHandler) { config.warnHandler.call(null, msg, vm, trace); } else if (hasConsole && (!config.silent)) { console.error(("[Vue warn]: " + msg + trace)); } }; tip = function (msg, vm) { if (hasConsole && (!config.silent)) { console.warn("[Vue tip]: " + msg + ( vm ? generateComponentTrace(vm) : '' )); } }; formatComponentName = function (vm, includeFile) { if (vm.$root === vm) { if (vm.$options && vm.$options.__file) { // fixed by xxxxxx return ('') + vm.$options.__file } return '' } var options = typeof vm === 'function' && vm.cid != null ? vm.options : vm._isVue ? vm.$options || vm.constructor.options : vm; var name = options.name || options._componentTag; var file = options.__file; if (!name && file) { var match = file.match(/([^/\\]+)\.vue$/); name = match && match[1]; } return ( (name ? ("<" + (classify(name)) + ">") : "") + (file && includeFile !== false ? (" at " + file) : '') ) }; var repeat = function (str, n) { var res = ''; while (n) { if (n % 2 === 1) { res += str; } if (n > 1) { str += str; } n >>= 1; } return res }; generateComponentTrace = function (vm) { if (vm._isVue && vm.$parent) { var tree = []; var currentRecursiveSequence = 0; while (vm && vm.$options.name !== 'PageBody') { if (tree.length > 0) { var last = tree[tree.length - 1]; if (last.constructor === vm.constructor) { currentRecursiveSequence++; vm = vm.$parent; continue } else if (currentRecursiveSequence > 0) { tree[tree.length - 1] = [last, currentRecursiveSequence]; currentRecursiveSequence = 0; } } !vm.$options.isReserved && tree.push(vm); vm = vm.$parent; } return '\n\nfound in\n\n' + tree .map(function (vm, i) { return ("" + (i === 0 ? '---> ' : repeat(' ', 5 + i * 2)) + (Array.isArray(vm) ? ((formatComponentName(vm[0])) + "... (" + (vm[1]) + " recursive calls)") : formatComponentName(vm))); }) .join('\n') } else { return ("\n\n(found in " + (formatComponentName(vm)) + ")") } }; } /* */ var uid = 0; /** * A dep is an observable that can have multiple * directives subscribing to it. */ var Dep = function Dep () { this.id = uid++; this.subs = []; }; Dep.prototype.addSub = function addSub (sub) { this.subs.push(sub); }; Dep.prototype.removeSub = function removeSub (sub) { remove(this.subs, sub); }; Dep.prototype.depend = function depend () { if (Dep.SharedObject.target) { Dep.SharedObject.target.addDep(this); } }; Dep.prototype.notify = function notify () { // stabilize the subscriber list first var subs = this.subs.slice(); if ( true && !config.async) { // subs aren't sorted in scheduler if not running async // we need to sort them now to make sure they fire in correct // order subs.sort(function (a, b) { return a.id - b.id; }); } for (var i = 0, l = subs.length; i < l; i++) { subs[i].update(); } }; // The current target watcher being evaluated. // This is globally unique because only one watcher // can be evaluated at a time. // fixed by xxxxxx (nvue shared vuex) /* eslint-disable no-undef */ Dep.SharedObject = {}; Dep.SharedObject.target = null; Dep.SharedObject.targetStack = []; function pushTarget (target) { Dep.SharedObject.targetStack.push(target); Dep.SharedObject.target = target; Dep.target = target; } function popTarget () { Dep.SharedObject.targetStack.pop(); Dep.SharedObject.target = Dep.SharedObject.targetStack[Dep.SharedObject.targetStack.length - 1]; Dep.target = Dep.SharedObject.target; } /* */ var VNode = function VNode ( tag, data, children, text, elm, context, componentOptions, asyncFactory ) { this.tag = tag; this.data = data; this.children = children; this.text = text; this.elm = elm; this.ns = undefined; this.context = context; this.fnContext = undefined; this.fnOptions = undefined; this.fnScopeId = undefined; this.key = data && data.key; this.componentOptions = componentOptions; this.componentInstance = undefined; this.parent = undefined; this.raw = false; this.isStatic = false; this.isRootInsert = true; this.isComment = false; this.isCloned = false; this.isOnce = false; this.asyncFactory = asyncFactory; this.asyncMeta = undefined; this.isAsyncPlaceholder = false; }; var prototypeAccessors = { child: { configurable: true } }; // DEPRECATED: alias for componentInstance for backwards compat. /* istanbul ignore next */ prototypeAccessors.child.get = function () { return this.componentInstance }; Object.defineProperties( VNode.prototype, prototypeAccessors ); var createEmptyVNode = function (text) { if ( text === void 0 ) text = ''; var node = new VNode(); node.text = text; node.isComment = true; return node }; function createTextVNode (val) { return new VNode(undefined, undefined, undefined, String(val)) } // optimized shallow clone // used for static nodes and slot nodes because they may be reused across // multiple renders, cloning them avoids errors when DOM manipulations rely // on their elm reference. function cloneVNode (vnode) { var cloned = new VNode( vnode.tag, vnode.data, // #7975 // clone children array to avoid mutating original in case of cloning // a child. vnode.children && vnode.children.slice(), vnode.text, vnode.elm, vnode.context, vnode.componentOptions, vnode.asyncFactory ); cloned.ns = vnode.ns; cloned.isStatic = vnode.isStatic; cloned.key = vnode.key; cloned.isComment = vnode.isComment; cloned.fnContext = vnode.fnContext; cloned.fnOptions = vnode.fnOptions; cloned.fnScopeId = vnode.fnScopeId; cloned.asyncMeta = vnode.asyncMeta; cloned.isCloned = true; return cloned } /* * not type checking this file because flow doesn't play well with * dynamically accessing methods on Array prototype */ var arrayProto = Array.prototype; var arrayMethods = Object.create(arrayProto); var methodsToPatch = [ 'push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse' ]; /** * Intercept mutating methods and emit events */ methodsToPatch.forEach(function (method) { // cache original method var original = arrayProto[method]; def(arrayMethods, method, function mutator () { var args = [], len = arguments.length; while ( len-- ) args[ len ] = arguments[ len ]; var result = original.apply(this, args); var ob = this.__ob__; var inserted; switch (method) { case 'push': case 'unshift': inserted = args; break case 'splice': inserted = args.slice(2); break } if (inserted) { ob.observeArray(inserted); } // notify change ob.dep.notify(); return result }); }); /* */ var arrayKeys = Object.getOwnPropertyNames(arrayMethods); /** * In some cases we may want to disable observation inside a component's * update computation. */ var shouldObserve = true; function toggleObserving (value) { shouldObserve = value; } /** * Observer class that is attached to each observed * object. Once attached, the observer converts the target * object's property keys into getter/setters that * collect dependencies and dispatch updates. */ var Observer = function Observer (value) { this.value = value; this.dep = new Dep(); this.vmCount = 0; def(value, '__ob__', this); if (Array.isArray(value)) { if (hasProto) { {// fixed by xxxxxx 微信小程序使用 plugins 之后,数组方法被直接挂载到了数组对象上,需要执行 copyAugment 逻辑 if(value.push !== value.__proto__.push){ copyAugment(value, arrayMethods, arrayKeys); } else { protoAugment(value, arrayMethods); } } } else { copyAugment(value, arrayMethods, arrayKeys); } this.observeArray(value); } else { this.walk(value); } }; /** * Walk through all properties and convert them into * getter/setters. This method should only be called when * value type is Object. */ Observer.prototype.walk = function walk (obj) { var keys = Object.keys(obj); for (var i = 0; i < keys.length; i++) { defineReactive$$1(obj, keys[i]); } }; /** * Observe a list of Array items. */ Observer.prototype.observeArray = function observeArray (items) { for (var i = 0, l = items.length; i < l; i++) { observe(items[i]); } }; // helpers /** * Augment a target Object or Array by intercepting * the prototype chain using __proto__ */ function protoAugment (target, src) { /* eslint-disable no-proto */ target.__proto__ = src; /* eslint-enable no-proto */ } /** * Augment a target Object or Array by defining * hidden properties. */ /* istanbul ignore next */ function copyAugment (target, src, keys) { for (var i = 0, l = keys.length; i < l; i++) { var key = keys[i]; def(target, key, src[key]); } } /** * Attempt to create an observer instance for a value, * returns the new observer if successfully observed, * or the existing observer if the value already has one. */ function observe (value, asRootData) { if (!isObject(value) || value instanceof VNode) { return } var ob; if (hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) { ob = value.__ob__; } else if ( shouldObserve && !isServerRendering() && (Array.isArray(value) || isPlainObject(value)) && Object.isExtensible(value) && !value._isVue ) { ob = new Observer(value); } if (asRootData && ob) { ob.vmCount++; } return ob } /** * Define a reactive property on an Object. */ function defineReactive$$1 ( obj, key, val, customSetter, shallow ) { var dep = new Dep(); var property = Object.getOwnPropertyDescriptor(obj, key); if (property && property.configurable === false) { return } // cater for pre-defined getter/setters var getter = property && property.get; var setter = property && property.set; if ((!getter || setter) && arguments.length === 2) { val = obj[key]; } var childOb = !shallow && observe(val); Object.defineProperty(obj, key, { enumerable: true, configurable: true, get: function reactiveGetter () { var value = getter ? getter.call(obj) : val; if (Dep.SharedObject.target) { // fixed by xxxxxx dep.depend(); if (childOb) { childOb.dep.depend(); if (Array.isArray(value)) { dependArray(value); } } } return value }, set: function reactiveSetter (newVal) { var value = getter ? getter.call(obj) : val; /* eslint-disable no-self-compare */ if (newVal === value || (newVal !== newVal && value !== value)) { return } /* eslint-enable no-self-compare */ if ( true && customSetter) { customSetter(); } // #7981: for accessor properties without setter if (getter && !setter) { return } if (setter) { setter.call(obj, newVal); } else { val = newVal; } childOb = !shallow && observe(newVal); dep.notify(); } }); } /** * Set a property on an object. Adds the new property and * triggers change notification if the property doesn't * already exist. */ function set (target, key, val) { if ( true && (isUndef(target) || isPrimitive(target)) ) { warn(("Cannot set reactive property on undefined, null, or primitive value: " + ((target)))); } if (Array.isArray(target) && isValidArrayIndex(key)) { target.length = Math.max(target.length, key); target.splice(key, 1, val); return val } if (key in target && !(key in Object.prototype)) { target[key] = val; return val } var ob = (target).__ob__; if (target._isVue || (ob && ob.vmCount)) { true && warn( 'Avoid adding reactive properties to a Vue instance or its root $data ' + 'at runtime - declare it upfront in the data option.' ); return val } if (!ob) { target[key] = val; return val } defineReactive$$1(ob.value, key, val); ob.dep.notify(); return val } /** * Delete a property and trigger change if necessary. */ function del (target, key) { if ( true && (isUndef(target) || isPrimitive(target)) ) { warn(("Cannot delete reactive property on undefined, null, or primitive value: " + ((target)))); } if (Array.isArray(target) && isValidArrayIndex(key)) { target.splice(key, 1); return } var ob = (target).__ob__; if (target._isVue || (ob && ob.vmCount)) { true && warn( 'Avoid deleting properties on a Vue instance or its root $data ' + '- just set it to null.' ); return } if (!hasOwn(target, key)) { return } delete target[key]; if (!ob) { return } ob.dep.notify(); } /** * Collect dependencies on array elements when the array is touched, since * we cannot intercept array element access like property getters. */ function dependArray (value) { for (var e = (void 0), i = 0, l = value.length; i < l; i++) { e = value[i]; e && e.__ob__ && e.__ob__.dep.depend(); if (Array.isArray(e)) { dependArray(e); } } } /* */ /** * Option overwriting strategies are functions that handle * how to merge a parent option value and a child option * value into the final value. */ var strats = config.optionMergeStrategies; /** * Options with restrictions */ if (true) { strats.el = strats.propsData = function (parent, child, vm, key) { if (!vm) { warn( "option \"" + key + "\" can only be used during instance " + 'creation with the `new` keyword.' ); } return defaultStrat(parent, child) }; } /** * Helper that recursively merges two data objects together. */ function mergeData (to, from) { if (!from) { return to } var key, toVal, fromVal; var keys = hasSymbol ? Reflect.ownKeys(from) : Object.keys(from); for (var i = 0; i < keys.length; i++) { key = keys[i]; // in case the object is already observed... if (key === '__ob__') { continue } toVal = to[key]; fromVal = from[key]; if (!hasOwn(to, key)) { set(to, key, fromVal); } else if ( toVal !== fromVal && isPlainObject(toVal) && isPlainObject(fromVal) ) { mergeData(toVal, fromVal); } } return to } /** * Data */ function mergeDataOrFn ( parentVal, childVal, vm ) { if (!vm) { // in a Vue.extend merge, both should be functions if (!childVal) { return parentVal } if (!parentVal) { return childVal } // when parentVal & childVal are both present, // we need to return a function that returns the // merged result of both functions... no need to // check if parentVal is a function here because // it has to be a function to pass previous merges. return function mergedDataFn () { return mergeData( typeof childVal === 'function' ? childVal.call(this, this) : childVal, typeof parentVal === 'function' ? parentVal.call(this, this) : parentVal ) } } else { return function mergedInstanceDataFn () { // instance merge var instanceData = typeof childVal === 'function' ? childVal.call(vm, vm) : childVal; var defaultData = typeof parentVal === 'function' ? parentVal.call(vm, vm) : parentVal; if (instanceData) { return mergeData(instanceData, defaultData) } else { return defaultData } } } } strats.data = function ( parentVal, childVal, vm ) { if (!vm) { if (childVal && typeof childVal !== 'function') { true && warn( 'The "data" option should be a function ' + 'that returns a per-instance value in component ' + 'definitions.', vm ); return parentVal } return mergeDataOrFn(parentVal, childVal) } return mergeDataOrFn(parentVal, childVal, vm) }; /** * Hooks and props are merged as arrays. */ function mergeHook ( parentVal, childVal ) { var res = childVal ? parentVal ? parentVal.concat(childVal) : Array.isArray(childVal) ? childVal : [childVal] : parentVal; return res ? dedupeHooks(res) : res } function dedupeHooks (hooks) { var res = []; for (var i = 0; i < hooks.length; i++) { if (res.indexOf(hooks[i]) === -1) { res.push(hooks[i]); } } return res } LIFECYCLE_HOOKS.forEach(function (hook) { strats[hook] = mergeHook; }); /** * Assets * * When a vm is present (instance creation), we need to do * a three-way merge between constructor options, instance * options and parent options. */ function mergeAssets ( parentVal, childVal, vm, key ) { var res = Object.create(parentVal || null); if (childVal) { true && assertObjectType(key, childVal, vm); return extend(res, childVal) } else { return res } } ASSET_TYPES.forEach(function (type) { strats[type + 's'] = mergeAssets; }); /** * Watchers. * * Watchers hashes should not overwrite one * another, so we merge them as arrays. */ strats.watch = function ( parentVal, childVal, vm, key ) { // work around Firefox's Object.prototype.watch... if (parentVal === nativeWatch) { parentVal = undefined; } if (childVal === nativeWatch) { childVal = undefined; } /* istanbul ignore if */ if (!childVal) { return Object.create(parentVal || null) } if (true) { assertObjectType(key, childVal, vm); } if (!parentVal) { return childVal } var ret = {}; extend(ret, parentVal); for (var key$1 in childVal) { var parent = ret[key$1]; var child = childVal[key$1]; if (parent && !Array.isArray(parent)) { parent = [parent]; } ret[key$1] = parent ? parent.concat(child) : Array.isArray(child) ? child : [child]; } return ret }; /** * Other object hashes. */ strats.props = strats.methods = strats.inject = strats.computed = function ( parentVal, childVal, vm, key ) { if (childVal && "development" !== 'production') { assertObjectType(key, childVal, vm); } if (!parentVal) { return childVal } var ret = Object.create(null); extend(ret, parentVal); if (childVal) { extend(ret, childVal); } return ret }; strats.provide = mergeDataOrFn; /** * Default strategy. */ var defaultStrat = function (parentVal, childVal) { return childVal === undefined ? parentVal : childVal }; /** * Validate component names */ function checkComponents (options) { for (var key in options.components) { validateComponentName(key); } } function validateComponentName (name) { if (!new RegExp(("^[a-zA-Z][\\-\\.0-9_" + (unicodeRegExp.source) + "]*$")).test(name)) { warn( 'Invalid component name: "' + name + '". Component names ' + 'should conform to valid custom element name in html5 specification.' ); } if (isBuiltInTag(name) || config.isReservedTag(name)) { warn( 'Do not use built-in or reserved HTML elements as component ' + 'id: ' + name ); } } /** * Ensure all props option syntax are normalized into the * Object-based format. */ function normalizeProps (options, vm) { var props = options.props; if (!props) { return } var res = {}; var i, val, name; if (Array.isArray(props)) { i = props.length; while (i--) { val = props[i]; if (typeof val === 'string') { name = camelize(val); res[name] = { type: null }; } else if (true) { warn('props must be strings when using array syntax.'); } } } else if (isPlainObject(props)) { for (var key in props) { val = props[key]; name = camelize(key); res[name] = isPlainObject(val) ? val : { type: val }; } } else if (true) { warn( "Invalid value for option \"props\": expected an Array or an Object, " + "but got " + (toRawType(props)) + ".", vm ); } options.props = res; } /** * Normalize all injections into Object-based format */ function normalizeInject (options, vm) { var inject = options.inject; if (!inject) { return } var normalized = options.inject = {}; if (Array.isArray(inject)) { for (var i = 0; i < inject.length; i++) { normalized[inject[i]] = { from: inject[i] }; } } else if (isPlainObject(inject)) { for (var key in inject) { var val = inject[key]; normalized[key] = isPlainObject(val) ? extend({ from: key }, val) : { from: val }; } } else if (true) { warn( "Invalid value for option \"inject\": expected an Array or an Object, " + "but got " + (toRawType(inject)) + ".", vm ); } } /** * Normalize raw function directives into object format. */ function normalizeDirectives (options) { var dirs = options.directives; if (dirs) { for (var key in dirs) { var def$$1 = dirs[key]; if (typeof def$$1 === 'function') { dirs[key] = { bind: def$$1, update: def$$1 }; } } } } function assertObjectType (name, value, vm) { if (!isPlainObject(value)) { warn( "Invalid value for option \"" + name + "\": expected an Object, " + "but got " + (toRawType(value)) + ".", vm ); } } /** * Merge two option objects into a new one. * Core utility used in both instantiation and inheritance. */ function mergeOptions ( parent, child, vm ) { if (true) { checkComponents(child); } if (typeof child === 'function') { child = child.options; } normalizeProps(child, vm); normalizeInject(child, vm); normalizeDirectives(child); // Apply extends and mixins on the child options, // but only if it is a raw options object that isn't // the result of another mergeOptions call. // Only merged options has the _base property. if (!child._base) { if (child.extends) { parent = mergeOptions(parent, child.extends, vm); } if (child.mixins) { for (var i = 0, l = child.mixins.length; i < l; i++) { parent = mergeOptions(parent, child.mixins[i], vm); } } } var options = {}; var key; for (key in parent) { mergeField(key); } for (key in child) { if (!hasOwn(parent, key)) { mergeField(key); } } function mergeField (key) { var strat = strats[key] || defaultStrat; options[key] = strat(parent[key], child[key], vm, key); } return options } /** * Resolve an asset. * This function is used because child instances need access * to assets defined in its ancestor chain. */ function resolveAsset ( options, type, id, warnMissing ) { /* istanbul ignore if */ if (typeof id !== 'string') { return } var assets = options[type]; // check local registration variations first if (hasOwn(assets, id)) { return assets[id] } var camelizedId = camelize(id); if (hasOwn(assets, camelizedId)) { return assets[camelizedId] } var PascalCaseId = capitalize(camelizedId); if (hasOwn(assets, PascalCaseId)) { return assets[PascalCaseId] } // fallback to prototype chain var res = assets[id] || assets[camelizedId] || assets[PascalCaseId]; if ( true && warnMissing && !res) { warn( 'Failed to resolve ' + type.slice(0, -1) + ': ' + id, options ); } return res } /* */ function validateProp ( key, propOptions, propsData, vm ) { var prop = propOptions[key]; var absent = !hasOwn(propsData, key); var value = propsData[key]; // boolean casting var booleanIndex = getTypeIndex(Boolean, prop.type); if (booleanIndex > -1) { if (absent && !hasOwn(prop, 'default')) { value = false; } else if (value === '' || value === hyphenate(key)) { // only cast empty string / same name to boolean if // boolean has higher priority var stringIndex = getTypeIndex(String, prop.type); if (stringIndex < 0 || booleanIndex < stringIndex) { value = true; } } } // check default value if (value === undefined) { value = getPropDefaultValue(vm, prop, key); // since the default value is a fresh copy, // make sure to observe it. var prevShouldObserve = shouldObserve; toggleObserving(true); observe(value); toggleObserving(prevShouldObserve); } if ( true ) { assertProp(prop, key, value, vm, absent); } return value } /** * Get the default value of a prop. */ function getPropDefaultValue (vm, prop, key) { // no default, return undefined if (!hasOwn(prop, 'default')) { return undefined } var def = prop.default; // warn against non-factory defaults for Object & Array if ( true && isObject(def)) { warn( 'Invalid default value for prop "' + key + '": ' + 'Props with type Object/Array must use a factory function ' + 'to return the default value.', vm ); } // the raw prop value was also undefined from previous render, // return previous default value to avoid unnecessary watcher trigger if (vm && vm.$options.propsData && vm.$options.propsData[key] === undefined && vm._props[key] !== undefined ) { return vm._props[key] } // call factory function for non-Function types // a value is Function if its prototype is function even across different execution context return typeof def === 'function' && getType(prop.type) !== 'Function' ? def.call(vm) : def } /** * Assert whether a prop is valid. */ function assertProp ( prop, name, value, vm, absent ) { if (prop.required && absent) { warn( 'Missing required prop: "' + name + '"', vm ); return } if (value == null && !prop.required) { return } var type = prop.type; var valid = !type || type === true; var expectedTypes = []; if (type) { if (!Array.isArray(type)) { type = [type]; } for (var i = 0; i < type.length && !valid; i++) { var assertedType = assertType(value, type[i]); expectedTypes.push(assertedType.expectedType || ''); valid = assertedType.valid; } } if (!valid) { warn( getInvalidTypeMessage(name, value, expectedTypes), vm ); return } var validator = prop.validator; if (validator) { if (!validator(value)) { warn( 'Invalid prop: custom validator check failed for prop "' + name + '".', vm ); } } } var simpleCheckRE = /^(String|Number|Boolean|Function|Symbol)$/; function assertType (value, type) { var valid; var expectedType = getType(type); if (simpleCheckRE.test(expectedType)) { var t = typeof value; valid = t === expectedType.toLowerCase(); // for primitive wrapper objects if (!valid && t === 'object') { valid = value instanceof type; } } else if (expectedType === 'Object') { valid = isPlainObject(value); } else if (expectedType === 'Array') { valid = Array.isArray(value); } else { valid = value instanceof type; } return { valid: valid, expectedType: expectedType } } /** * Use function string name to check built-in types, * because a simple equality check will fail when running * across different vms / iframes. */ function getType (fn) { var match = fn && fn.toString().match(/^\s*function (\w+)/); return match ? match[1] : '' } function isSameType (a, b) { return getType(a) === getType(b) } function getTypeIndex (type, expectedTypes) { if (!Array.isArray(expectedTypes)) { return isSameType(expectedTypes, type) ? 0 : -1 } for (var i = 0, len = expectedTypes.length; i < len; i++) { if (isSameType(expectedTypes[i], type)) { return i } } return -1 } function getInvalidTypeMessage (name, value, expectedTypes) { var message = "Invalid prop: type check failed for prop \"" + name + "\"." + " Expected " + (expectedTypes.map(capitalize).join(', ')); var expectedType = expectedTypes[0]; var receivedType = toRawType(value); var expectedValue = styleValue(value, expectedType); var receivedValue = styleValue(value, receivedType); // check if we need to specify expected value if (expectedTypes.length === 1 && isExplicable(expectedType) && !isBoolean(expectedType, receivedType)) { message += " with value " + expectedValue; } message += ", got " + receivedType + " "; // check if we need to specify received value if (isExplicable(receivedType)) { message += "with value " + receivedValue + "."; } return message } function styleValue (value, type) { if (type === 'String') { return ("\"" + value + "\"") } else if (type === 'Number') { return ("" + (Number(value))) } else { return ("" + value) } } function isExplicable (value) { var explicitTypes = ['string', 'number', 'boolean']; return explicitTypes.some(function (elem) { return value.toLowerCase() === elem; }) } function isBoolean () { var args = [], len = arguments.length; while ( len-- ) args[ len ] = arguments[ len ]; return args.some(function (elem) { return elem.toLowerCase() === 'boolean'; }) } /* */ function handleError (err, vm, info) { // Deactivate deps tracking while processing error handler to avoid possible infinite rendering. // See: https://github.com/vuejs/vuex/issues/1505 pushTarget(); try { if (vm) { var cur = vm; while ((cur = cur.$parent)) { var hooks = cur.$options.errorCaptured; if (hooks) { for (var i = 0; i < hooks.length; i++) { try { var capture = hooks[i].call(cur, err, vm, info) === false; if (capture) { return } } catch (e) { globalHandleError(e, cur, 'errorCaptured hook'); } } } } } globalHandleError(err, vm, info); } finally { popTarget(); } } function invokeWithErrorHandling ( handler, context, args, vm, info ) { var res; try { res = args ? handler.apply(context, args) : handler.call(context); if (res && !res._isVue && isPromise(res) && !res._handled) { res.catch(function (e) { return handleError(e, vm, info + " (Promise/async)"); }); // issue #9511 // avoid catch triggering multiple times when nested calls res._handled = true; } } catch (e) { handleError(e, vm, info); } return res } function globalHandleError (err, vm, info) { if (config.errorHandler) { try { return config.errorHandler.call(null, err, vm, info) } catch (e) { // if the user intentionally throws the original error in the handler, // do not log it twice if (e !== err) { logError(e, null, 'config.errorHandler'); } } } logError(err, vm, info); } function logError (err, vm, info) { if (true) { warn(("Error in " + info + ": \"" + (err.toString()) + "\""), vm); } /* istanbul ignore else */ if ((inBrowser || inWeex) && typeof console !== 'undefined') { console.error(err); } else { throw err } } /* */ var callbacks = []; var pending = false; function flushCallbacks () { pending = false; var copies = callbacks.slice(0); callbacks.length = 0; for (var i = 0; i < copies.length; i++) { copies[i](); } } // Here we have async deferring wrappers using microtasks. // In 2.5 we used (macro) tasks (in combination with microtasks). // However, it has subtle problems when state is changed right before repaint // (e.g. #6813, out-in transitions). // Also, using (macro) tasks in event handler would cause some weird behaviors // that cannot be circumvented (e.g. #7109, #7153, #7546, #7834, #8109). // So we now use microtasks everywhere, again. // A major drawback of this tradeoff is that there are some scenarios // where microtasks have too high a priority and fire in between supposedly // sequential events (e.g. #4521, #6690, which have workarounds) // or even between bubbling of the same event (#6566). var timerFunc; // The nextTick behavior leverages the microtask queue, which can be accessed // via either native Promise.then or MutationObserver. // MutationObserver has wider support, however it is seriously bugged in // UIWebView in iOS >= 9.3.3 when triggered in touch event handlers. It // completely stops working after triggering a few times... so, if native // Promise is available, we will use it: /* istanbul ignore next, $flow-disable-line */ if (typeof Promise !== 'undefined' && isNative(Promise)) { var p = Promise.resolve(); timerFunc = function () { p.then(flushCallbacks); // In problematic UIWebViews, Promise.then doesn't completely break, but // it can get stuck in a weird state where callbacks are pushed into the // microtask queue but the queue isn't being flushed, until the browser // needs to do some other work, e.g. handle a timer. Therefore we can // "force" the microtask queue to be flushed by adding an empty timer. if (isIOS) { setTimeout(noop); } }; } else if (!isIE && typeof MutationObserver !== 'undefined' && ( isNative(MutationObserver) || // PhantomJS and iOS 7.x MutationObserver.toString() === '[object MutationObserverConstructor]' )) { // Use MutationObserver where native Promise is not available, // e.g. PhantomJS, iOS7, Android 4.4 // (#6466 MutationObserver is unreliable in IE11) var counter = 1; var observer = new MutationObserver(flushCallbacks); var textNode = document.createTextNode(String(counter)); observer.observe(textNode, { characterData: true }); timerFunc = function () { counter = (counter + 1) % 2; textNode.data = String(counter); }; } else if (typeof setImmediate !== 'undefined' && isNative(setImmediate)) { // Fallback to setImmediate. // Technically it leverages the (macro) task queue, // but it is still a better choice than setTimeout. timerFunc = function () { setImmediate(flushCallbacks); }; } else { // Fallback to setTimeout. timerFunc = function () { setTimeout(flushCallbacks, 0); }; } function nextTick (cb, ctx) { var _resolve; callbacks.push(function () { if (cb) { try { cb.call(ctx); } catch (e) { handleError(e, ctx, 'nextTick'); } } else if (_resolve) { _resolve(ctx); } }); if (!pending) { pending = true; timerFunc(); } // $flow-disable-line if (!cb && typeof Promise !== 'undefined') { return new Promise(function (resolve) { _resolve = resolve; }) } } /* */ /* not type checking this file because flow doesn't play well with Proxy */ var initProxy; if (true) { var allowedGlobals = makeMap( 'Infinity,undefined,NaN,isFinite,isNaN,' + 'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' + 'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,' + 'require' // for Webpack/Browserify ); var warnNonPresent = function (target, key) { warn( "Property or method \"" + key + "\" is not defined on the instance but " + 'referenced during render. Make sure that this property is reactive, ' + 'either in the data option, or for class-based components, by ' + 'initializing the property. ' + 'See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.', target ); }; var warnReservedPrefix = function (target, key) { warn( "Property \"" + key + "\" must be accessed with \"$data." + key + "\" because " + 'properties starting with "$" or "_" are not proxied in the Vue instance to ' + 'prevent conflicts with Vue internals. ' + 'See: https://vuejs.org/v2/api/#data', target ); }; var hasProxy = typeof Proxy !== 'undefined' && isNative(Proxy); if (hasProxy) { var isBuiltInModifier = makeMap('stop,prevent,self,ctrl,shift,alt,meta,exact'); config.keyCodes = new Proxy(config.keyCodes, { set: function set (target, key, value) { if (isBuiltInModifier(key)) { warn(("Avoid overwriting built-in modifier in config.keyCodes: ." + key)); return false } else { target[key] = value; return true } } }); } var hasHandler = { has: function has (target, key) { var has = key in target; var isAllowed = allowedGlobals(key) || (typeof key === 'string' && key.charAt(0) === '_' && !(key in target.$data)); if (!has && !isAllowed) { if (key in target.$data) { warnReservedPrefix(target, key); } else { warnNonPresent(target, key); } } return has || !isAllowed } }; var getHandler = { get: function get (target, key) { if (typeof key === 'string' && !(key in target)) { if (key in target.$data) { warnReservedPrefix(target, key); } else { warnNonPresent(target, key); } } return target[key] } }; initProxy = function initProxy (vm) { if (hasProxy) { // determine which proxy handler to use var options = vm.$options; var handlers = options.render && options.render._withStripped ? getHandler : hasHandler; vm._renderProxy = new Proxy(vm, handlers); } else { vm._renderProxy = vm; } }; } /* */ var seenObjects = new _Set(); /** * Recursively traverse an object to evoke all converted * getters, so that every nested property inside the object * is collected as a "deep" dependency. */ function traverse (val) { _traverse(val, seenObjects); seenObjects.clear(); } function _traverse (val, seen) { var i, keys; var isA = Array.isArray(val); if ((!isA && !isObject(val)) || Object.isFrozen(val) || val instanceof VNode) { return } if (val.__ob__) { var depId = val.__ob__.dep.id; if (seen.has(depId)) { return } seen.add(depId); } if (isA) { i = val.length; while (i--) { _traverse(val[i], seen); } } else { keys = Object.keys(val); i = keys.length; while (i--) { _traverse(val[keys[i]], seen); } } } var mark; var measure; if (true) { var perf = inBrowser && window.performance; /* istanbul ignore if */ if ( perf && perf.mark && perf.measure && perf.clearMarks && perf.clearMeasures ) { mark = function (tag) { return perf.mark(tag); }; measure = function (name, startTag, endTag) { perf.measure(name, startTag, endTag); perf.clearMarks(startTag); perf.clearMarks(endTag); // perf.clearMeasures(name) }; } } /* */ var normalizeEvent = cached(function (name) { var passive = name.charAt(0) === '&'; name = passive ? name.slice(1) : name; var once$$1 = name.charAt(0) === '~'; // Prefixed last, checked first name = once$$1 ? name.slice(1) : name; var capture = name.charAt(0) === '!'; name = capture ? name.slice(1) : name; return { name: name, once: once$$1, capture: capture, passive: passive } }); function createFnInvoker (fns, vm) { function invoker () { var arguments$1 = arguments; var fns = invoker.fns; if (Array.isArray(fns)) { var cloned = fns.slice(); for (var i = 0; i < cloned.length; i++) { invokeWithErrorHandling(cloned[i], null, arguments$1, vm, "v-on handler"); } } else { // return handler return value for single handlers return invokeWithErrorHandling(fns, null, arguments, vm, "v-on handler") } } invoker.fns = fns; return invoker } function updateListeners ( on, oldOn, add, remove$$1, createOnceHandler, vm ) { var name, def$$1, cur, old, event; for (name in on) { def$$1 = cur = on[name]; old = oldOn[name]; event = normalizeEvent(name); if (isUndef(cur)) { true && warn( "Invalid handler for event \"" + (event.name) + "\": got " + String(cur), vm ); } else if (isUndef(old)) { if (isUndef(cur.fns)) { cur = on[name] = createFnInvoker(cur, vm); } if (isTrue(event.once)) { cur = on[name] = createOnceHandler(event.name, cur, event.capture); } add(event.name, cur, event.capture, event.passive, event.params); } else if (cur !== old) { old.fns = cur; on[name] = old; } } for (name in oldOn) { if (isUndef(on[name])) { event = normalizeEvent(name); remove$$1(event.name, oldOn[name], event.capture); } } } /* */ /* */ // fixed by xxxxxx (mp properties) function extractPropertiesFromVNodeData(data, Ctor, res, context) { var propOptions = Ctor.options.mpOptions && Ctor.options.mpOptions.properties; if (isUndef(propOptions)) { return res } var externalClasses = Ctor.options.mpOptions.externalClasses || []; var attrs = data.attrs; var props = data.props; if (isDef(attrs) || isDef(props)) { for (var key in propOptions) { var altKey = hyphenate(key); var result = checkProp(res, props, key, altKey, true) || checkProp(res, attrs, key, altKey, false); // externalClass if ( result && res[key] && externalClasses.indexOf(altKey) !== -1 && context[camelize(res[key])] ) { // 赋值 externalClass 真正的值(模板里 externalClass 的值可能是字符串) res[key] = context[camelize(res[key])]; } } } return res } function extractPropsFromVNodeData ( data, Ctor, tag, context// fixed by xxxxxx ) { // we are only extracting raw values here. // validation and default values are handled in the child // component itself. var propOptions = Ctor.options.props; if (isUndef(propOptions)) { // fixed by xxxxxx return extractPropertiesFromVNodeData(data, Ctor, {}, context) } var res = {}; var attrs = data.attrs; var props = data.props; if (isDef(attrs) || isDef(props)) { for (var key in propOptions) { var altKey = hyphenate(key); if (true) { var keyInLowerCase = key.toLowerCase(); if ( key !== keyInLowerCase && attrs && hasOwn(attrs, keyInLowerCase) ) { tip( "Prop \"" + keyInLowerCase + "\" is passed to component " + (formatComponentName(tag || Ctor)) + ", but the declared prop name is" + " \"" + key + "\". " + "Note that HTML attributes are case-insensitive and camelCased " + "props need to use their kebab-case equivalents when using in-DOM " + "templates. You should probably use \"" + altKey + "\" instead of \"" + key + "\"." ); } } checkProp(res, props, key, altKey, true) || checkProp(res, attrs, key, altKey, false); } } // fixed by xxxxxx return extractPropertiesFromVNodeData(data, Ctor, res, context) } function checkProp ( res, hash, key, altKey, preserve ) { if (isDef(hash)) { if (hasOwn(hash, key)) { res[key] = hash[key]; if (!preserve) { delete hash[key]; } return true } else if (hasOwn(hash, altKey)) { res[key] = hash[altKey]; if (!preserve) { delete hash[altKey]; } return true } } return false } /* */ // The template compiler attempts to minimize the need for normalization by // statically analyzing the template at compile time. // // For plain HTML markup, normalization can be completely skipped because the // generated render function is guaranteed to return Array. There are // two cases where extra normalization is needed: // 1. When the children contains components - because a functional component // may return an Array instead of a single root. In this case, just a simple // normalization is needed - if any child is an Array, we flatten the whole // thing with Array.prototype.concat. It is guaranteed to be only 1-level deep // because functional components already normalize their own children. function simpleNormalizeChildren (children) { for (var i = 0; i < children.length; i++) { if (Array.isArray(children[i])) { return Array.prototype.concat.apply([], children) } } return children } // 2. When the children contains constructs that always generated nested Arrays, // e.g.