You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
61 KiB
1 line
61 KiB
{"version":3,"sources":["webpack:///./node_modules/echarts/lib/echarts.js","webpack:///./src/components/page/EChartsComplex.vue?24cf","webpack:///./src/components/page/EChartsComplex.vue?6c8a","webpack:///./node_modules/echarts-liquidfill/src/liquidFillSeries.js","webpack:///./node_modules/echarts-liquidfill/src/liquidFillShape.js","webpack:///./node_modules/echarts-liquidfill/src/liquidFillView.js","webpack:///src/components/page/EChartsComplex.vue","webpack:///./src/components/page/EChartsComplex.vue?7531","webpack:///./src/components/page/EChartsComplex.vue","webpack:///./node_modules/core-js/modules/es.function.name.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","staticRenderFns","echarts","type","optionUpdated","option","gridSize","Math","max","floor","getInitialData","ecModel","dimensions","createDimensions","data","coordDimensions","list","initData","defaultOption","color","center","radius","amplitude","waveLength","phase","period","direction","shape","waveAnimation","animationEasing","animationEasingUpdate","animationDuration","animationDurationUpdate","outline","show","borderDistance","itemStyle","borderColor","borderWidth","shadowBlur","shadowColor","backgroundStyle","opacity","label","insideColor","fontSize","fontWeight","align","baseline","position","emphasis","extendShape","radiusY","cx","cy","waterLevel","inverse","buildPath","ctx","curves","ceil","PI","left","moveTo","waveRight","c","stage","pos","getWaterPositions","bezierCurveTo","lineTo","closePath","x","parsePercent","number","seriesModel","api","group","removeAll","getData","itemModel","getItemModel","get","width","getWidth","height","getHeight","size","min","outlineDistance","outlineBorderWidth","showOutline","outterRadius","innerRadius","paddingRadius","isFillContainer","symbol","getOutline","style","lineWidth","add","top","wavePath","getBackground","oldData","_data","waves","getPath","r","isForClipping","indexOf","path","makePath","slice","bouding","getBoundingRect","w","h","BoundingRect","y","createSymbol","Circle","outlinePath","fill","setStyle","getModel","getItemStyle","strokePath","z2","fillPath","stroke","Group","getWave","idx","isInverse","oldWave","radiusX","itemStyleModel","value","normalStyle","seriesColor","id","length","wave","_waterLevel","hoverStyle","ensureState","enableHoverEmphasis","clip","setClipPath","setWaveAnimation","maxSpeed","defaultSpeed","cnt","count","speed","phaseOffset","console","error","animate","when","during","dirty","start","getText","labelModel","formatLabel","formatted","getFormattedLabel","defaultVal","defaultLabel","getName","name","isNaN","toFixed","textRectOption","textConfig","silent","textOption","text","textAlign","textVerticalAlign","Object","assign","createTextStyle","outsideTextRect","Rect","insideTextRect","disableLabelAnimation","outsideText","Text","insideText","setTextContent","insColor","boundingCircle","CompoundPath","paths","diff","initProps","setItemGraphicEl","push","update","newIdx","oldIdx","waveElement","getItemGraphicEl","newWave","shapeAttrs","i","attr","hasOwnProperty","styleAttrs","updateProps","useStyle","getClipPath","remove","execute","dispose","computed","chartLine1","$echarts","init","chartLine2","chartPie","chartLiquid","methods","drawLine1","title","grid","right","bottom","containLabel","tooltip","trigger","axisPointer","lineStyle","backgroundColor","padding","textStyle","extraCssText","legend","orient","xAxis","boundaryGap","splitLine","interval","axisTick","axisLine","axisLabel","margin","yAxis","series","smooth","showSymbol","symbolSize","areaStyle","normal","graphic","LinearGradient","offset","setOption","drawLine2","$axios","then","xAxisMonth","chart","month","barData","lineData","ratio","formatter","params","drawPie","labelLine","clockWise","dataStyle","hoverAnimation","colors","itemGap","drawLiquid","rate","resizeChart","window","addEventListener","mounted","component","DESCRIPTORS","defineProperty","f","FunctionPrototype","Function","prototype","FunctionPrototypeToString","toString","nameRE","NAME","configurable","call","match"],"mappings":"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","file":"js/chunk-76bbdbd1.82e4abfb.js","sourcesContent":["\n/*\n* Licensed to the Apache Software Foundation (ASF) under one\n* or more contributor license agreements. See the NOTICE file\n* distributed with this work for additional information\n* regarding copyright ownership. The ASF licenses this file\n* to you under the Apache License, Version 2.0 (the\n* \"License\"); you may not use this file except in compliance\n* with the License. You may obtain a copy of the License at\n*\n* http://www.apache.org/licenses/LICENSE-2.0\n*\n* Unless required by applicable law or agreed to in writing,\n* software distributed under the License is distributed on an\n* \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n* KIND, either express or implied. See the License for the\n* specific language governing permissions and limitations\n* under the License.\n*/\n\n\n/**\n * AUTO-GENERATED FILE. DO NOT MODIFY.\n */\n\n/*\n* Licensed to the Apache Software Foundation (ASF) under one\n* or more contributor license agreements. See the NOTICE file\n* distributed with this work for additional information\n* regarding copyright ownership. The ASF licenses this file\n* to you under the Apache License, Version 2.0 (the\n* \"License\"); you may not use this file except in compliance\n* with the License. You may obtain a copy of the License at\n*\n* http://www.apache.org/licenses/LICENSE-2.0\n*\n* Unless required by applicable law or agreed to in writing,\n* software distributed under the License is distributed on an\n* \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n* KIND, either express or implied. See the License for the\n* specific language governing permissions and limitations\n* under the License.\n*/\nexport * from './export/core';\nimport { use } from './extension';\nimport { init } from './core/echarts';\nimport { install as CanvasRenderer } from './renderer/installCanvasRenderer';\nimport { install as DatasetComponent } from './component/dataset/install'; // Default to have canvas renderer and dataset for compitatble reason.\n\nuse([CanvasRenderer, DatasetComponent]); // Compatitable with the following code\n// import echarts from 'echarts/lib/echarts'\n\nexport default {\n init: function () {\n if (process.env.NODE_ENV !== 'production') {\n /* eslint-disable-next-line */\n console.error(\"\\\"import echarts from 'echarts/lib/echarts'\\\" is not supported anymore. Use \\\"import * as echarts from 'echarts/lib/echarts'\\\" instead;\");\n } // @ts-ignore\n\n\n return init.apply(null, arguments);\n }\n};","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EChartsComplex.vue?vue&type=style&index=0&id=21cdafd3&scoped=true&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('el-row',[_c('el-col',{attrs:{\"span\":24}},[_c('div',{staticClass:\"chart\",attrs:{\"id\":\"line1\"}})])],1),_c('el-row',{attrs:{\"gutter\":20}},[_c('el-col',{attrs:{\"span\":8}},[_c('div',{staticClass:\"chart\",attrs:{\"id\":\"liquid\"}})]),_c('el-col',{attrs:{\"span\":8}},[_c('div',{staticClass:\"chart\",attrs:{\"id\":\"line2\"}})]),_c('el-col',{attrs:{\"span\":8}},[_c('div',{staticClass:\"chart\",attrs:{\"id\":\"pie\"}})])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import * as echarts from 'echarts/lib/echarts';\n\necharts.extendSeriesModel({\n\n type: 'series.liquidFill',\n\n optionUpdated: function () {\n var option = this.option;\n option.gridSize = Math.max(Math.floor(option.gridSize), 4);\n },\n\n getInitialData: function (option, ecModel) {\n var dimensions = echarts.helper.createDimensions(option.data, {\n coordDimensions: ['value']\n });\n var list = new echarts.List(dimensions, this);\n list.initData(option.data);\n return list;\n },\n\n defaultOption: {\n color: ['#294D99', '#156ACF', '#1598ED', '#45BDFF'],\n center: ['50%', '50%'],\n radius: '50%',\n amplitude: '8%',\n waveLength: '80%',\n phase: 'auto',\n period: 'auto',\n direction: 'right',\n shape: 'circle',\n\n waveAnimation: true,\n animationEasing: 'linear',\n animationEasingUpdate: 'linear',\n animationDuration: 2000,\n animationDurationUpdate: 1000,\n\n outline: {\n show: true,\n borderDistance: 8,\n itemStyle: {\n color: 'none',\n borderColor: '#294D99',\n borderWidth: 8,\n shadowBlur: 20,\n shadowColor: 'rgba(0, 0, 0, 0.25)'\n }\n },\n\n backgroundStyle: {\n color: '#E3F7FF'\n },\n\n itemStyle: {\n opacity: 0.95,\n shadowBlur: 50,\n shadowColor: 'rgba(0, 0, 0, 0.4)'\n },\n\n label: {\n show: true,\n color: '#294D99',\n insideColor: '#fff',\n fontSize: 50,\n fontWeight: 'bold',\n\n align: 'center',\n baseline: 'middle',\n position: 'inside'\n },\n\n emphasis: {\n itemStyle: {\n opacity: 0.8\n }\n }\n }\n});\n","import * as echarts from 'echarts/lib/echarts';\n\nexport default echarts.graphic.extendShape({\n type: 'ec-liquid-fill',\n\n shape: {\n waveLength: 0,\n radius: 0,\n radiusY: 0,\n cx: 0,\n cy: 0,\n waterLevel: 0,\n amplitude: 0,\n phase: 0,\n inverse: false\n },\n\n buildPath: function (ctx, shape) {\n if (shape.radiusY == null) {\n shape.radiusY = shape.radius;\n }\n\n /**\n * We define a sine wave having 4 waves, and make sure at least 8 curves\n * is drawn. Otherwise, it may cause blank area for some waves when\n * wave length is large enough.\n */\n var curves = Math.max(\n Math.ceil(2 * shape.radius / shape.waveLength * 4) * 2,\n 8\n );\n\n // map phase to [-Math.PI * 2, 0]\n while (shape.phase < -Math.PI * 2) {\n shape.phase += Math.PI * 2;\n }\n while (shape.phase > 0) {\n shape.phase -= Math.PI * 2;\n }\n var phase = shape.phase / Math.PI / 2 * shape.waveLength;\n\n var left = shape.cx - shape.radius + phase - shape.radius * 2;\n\n /**\n * top-left corner as start point\n *\n * draws this point\n * |\n * \\|/\n * ~~~~~~~~\n * | |\n * +------+\n */\n ctx.moveTo(left, shape.waterLevel);\n\n /**\n * top wave\n *\n * ~~~~~~~~ <- draws this sine wave\n * | |\n * +------+\n */\n var waveRight = 0;\n for (var c = 0; c < curves; ++c) {\n var stage = c % 4;\n var pos = getWaterPositions(c * shape.waveLength / 4, stage,\n shape.waveLength, shape.amplitude);\n ctx.bezierCurveTo(pos[0][0] + left, -pos[0][1] + shape.waterLevel,\n pos[1][0] + left, -pos[1][1] + shape.waterLevel,\n pos[2][0] + left, -pos[2][1] + shape.waterLevel);\n\n if (c === curves - 1) {\n waveRight = pos[2][0];\n }\n }\n\n if (shape.inverse) {\n /**\n * top-right corner\n * 2. draws this line\n * |\n * +------+\n * 3. draws this line -> | | <- 1. draws this line\n * ~~~~~~~~\n */\n ctx.lineTo(waveRight + left, shape.cy - shape.radiusY);\n ctx.lineTo(left, shape.cy - shape.radiusY);\n ctx.lineTo(left, shape.waterLevel);\n }\n else {\n /**\n * top-right corner\n *\n * ~~~~~~~~\n * 3. draws this line -> | | <- 1. draws this line\n * +------+\n * ^\n * |\n * 2. draws this line\n */\n ctx.lineTo(waveRight + left, shape.cy + shape.radiusY);\n ctx.lineTo(left, shape.cy + shape.radiusY);\n ctx.lineTo(left, shape.waterLevel);\n }\n\n ctx.closePath();\n }\n});\n\n\n\n/**\n * Using Bezier curves to fit sine wave.\n * There is 4 control points for each curve of wave,\n * which is at 1/4 wave length of the sine wave.\n *\n * The control points for a wave from (a) to (d) are a-b-c-d:\n * c *----* d\n * b *\n * |\n * ... a * ..................\n *\n * whose positions are a: (0, 0), b: (0.5, 0.5), c: (1, 1), d: (PI / 2, 1)\n *\n * @param {number} x x position of the left-most point (a)\n * @param {number} stage 0-3, stating which part of the wave it is\n * @param {number} waveLength wave length of the sine wave\n * @param {number} amplitude wave amplitude\n */\nfunction getWaterPositions(x, stage, waveLength, amplitude) {\n if (stage === 0) {\n return [\n [x + 1 / 2 * waveLength / Math.PI / 2, amplitude / 2],\n [x + 1 / 2 * waveLength / Math.PI, amplitude],\n [x + waveLength / 4, amplitude]\n ];\n }\n else if (stage === 1) {\n return [\n [x + 1 / 2 * waveLength / Math.PI / 2 * (Math.PI - 2),\n amplitude],\n [x + 1 / 2 * waveLength / Math.PI / 2 * (Math.PI - 1),\n amplitude / 2],\n [x + waveLength / 4, 0]\n ]\n }\n else if (stage === 2) {\n return [\n [x + 1 / 2 * waveLength / Math.PI / 2, -amplitude / 2],\n [x + 1 / 2 * waveLength / Math.PI, -amplitude],\n [x + waveLength / 4, -amplitude]\n ]\n }\n else {\n return [\n [x + 1 / 2 * waveLength / Math.PI / 2 * (Math.PI - 2),\n -amplitude],\n [x + 1 / 2 * waveLength / Math.PI / 2 * (Math.PI - 1),\n -amplitude / 2],\n [x + waveLength / 4, 0]\n ]\n }\n}\n","import * as echarts from 'echarts/lib/echarts';\nimport * as numberUtil from 'echarts/lib/util/number';\nimport LiquidShape from './liquidFillShape';\n\nconst parsePercent = numberUtil.parsePercent;\n\necharts.extendChartView({\n\n type: 'liquidFill',\n\n render: function (seriesModel, ecModel, api) {\n var group = this.group;\n group.removeAll();\n\n var data = seriesModel.getData();\n\n var itemModel = data.getItemModel(0);\n\n var center = itemModel.get('center');\n var radius = itemModel.get('radius');\n\n var width = api.getWidth();\n var height = api.getHeight();\n var size = Math.min(width, height);\n // itemStyle\n var outlineDistance = 0;\n var outlineBorderWidth = 0;\n var showOutline = seriesModel.get('outline.show');\n\n if (showOutline) {\n outlineDistance = seriesModel.get('outline.borderDistance');\n outlineBorderWidth = parsePercent(\n seriesModel.get('outline.itemStyle.borderWidth'), size\n );\n }\n\n var cx = parsePercent(center[0], width);\n var cy = parsePercent(center[1], height);\n\n var outterRadius;\n var innerRadius;\n var paddingRadius;\n\n var isFillContainer = false;\n\n var symbol = seriesModel.get('shape');\n if (symbol === 'container') {\n // a shape that fully fills the container\n isFillContainer = true;\n\n outterRadius = [\n width / 2,\n height / 2\n ];\n innerRadius = [\n outterRadius[0] - outlineBorderWidth / 2,\n outterRadius[1] - outlineBorderWidth / 2\n ];\n paddingRadius = [\n parsePercent(outlineDistance, width),\n parsePercent(outlineDistance, height)\n ];\n\n radius = [\n Math.max(innerRadius[0] - paddingRadius[0], 0),\n Math.max(innerRadius[1] - paddingRadius[1], 0)\n ];\n }\n else {\n outterRadius = parsePercent(radius, size) / 2;\n innerRadius = outterRadius - outlineBorderWidth / 2;\n paddingRadius = parsePercent(outlineDistance, size);\n\n radius = Math.max(innerRadius - paddingRadius, 0);\n }\n\n if (showOutline) {\n var outline = getOutline();\n outline.style.lineWidth = outlineBorderWidth;\n group.add(getOutline());\n }\n\n var left = isFillContainer ? 0 : cx - radius;\n var top = isFillContainer ? 0 : cy - radius;\n\n var wavePath = null;\n\n group.add(getBackground());\n\n // each data item for a wave\n var oldData = this._data;\n var waves = [];\n data.diff(oldData)\n .add(function (idx) {\n var wave = getWave(idx, false);\n\n var waterLevel = wave.shape.waterLevel;\n wave.shape.waterLevel = isFillContainer ? height / 2 : radius;\n echarts.graphic.initProps(wave, {\n shape: {\n waterLevel: waterLevel\n }\n }, seriesModel);\n\n wave.z2 = 2;\n setWaveAnimation(idx, wave, null);\n\n group.add(wave);\n data.setItemGraphicEl(idx, wave);\n waves.push(wave);\n })\n .update(function (newIdx, oldIdx) {\n var waveElement = oldData.getItemGraphicEl(oldIdx);\n\n // new wave is used to calculate position, but not added\n var newWave = getWave(newIdx, false, waveElement);\n\n // changes with animation\n var shape = {};\n var shapeAttrs = ['amplitude', 'cx', 'cy', 'phase', 'radius', 'radiusY', 'waterLevel', 'waveLength'];\n for (var i = 0; i < shapeAttrs.length; ++i) {\n var attr = shapeAttrs[i];\n if (newWave.shape.hasOwnProperty(attr)) {\n shape[attr] = newWave.shape[attr];\n }\n }\n\n var style = {};\n var styleAttrs = ['fill', 'opacity', 'shadowBlur', 'shadowColor'];\n for (var i = 0; i < styleAttrs.length; ++i) {\n var attr = styleAttrs[i];\n if (newWave.style.hasOwnProperty(attr)) {\n style[attr] = newWave.style[attr];\n }\n }\n\n if (isFillContainer) {\n shape.radiusY = height / 2;\n }\n\n // changes with animation\n echarts.graphic.updateProps(waveElement, {\n shape: shape\n }, seriesModel);\n\n waveElement.useStyle(style);\n\n // instant changes\n waveElement.position = newWave.position;\n waveElement.setClipPath(newWave.getClipPath());\n waveElement.shape.inverse = newWave.inverse;\n\n setWaveAnimation(newIdx, waveElement, waveElement);\n group.add(waveElement);\n data.setItemGraphicEl(newIdx, waveElement);\n waves.push(waveElement);\n })\n .remove(function (idx) {\n var wave = oldData.getItemGraphicEl(idx);\n group.remove(wave);\n })\n .execute();\n\n if (itemModel.get('label.show')) {\n group.add(getText(waves));\n }\n\n this._data = data;\n\n /**\n * Get path for outline, background and clipping\n *\n * @param {number} r outter radius of shape\n * @param {boolean|undefined} isForClipping if the shape is used\n * for clipping\n */\n function getPath(r, isForClipping) {\n if (symbol) {\n // customed symbol path\n if (symbol.indexOf('path://') === 0) {\n var path = echarts.graphic.makePath(symbol.slice(7), {});\n var bouding = path.getBoundingRect();\n var w = bouding.width;\n var h = bouding.height;\n if (w > h) {\n h = r * 2 / w * h;\n w = r * 2;\n }\n else {\n w = r * 2 / h * w;\n h = r * 2;\n }\n\n var left = isForClipping ? 0 : cx - w / 2;\n var top = isForClipping ? 0 : cy - h / 2;\n path = echarts.graphic.makePath(\n symbol.slice(7),\n {},\n new echarts.graphic.BoundingRect(left, top, w, h)\n );\n if (isForClipping) {\n path.position = [-w / 2, -h / 2];\n }\n return path;\n }\n else if (isFillContainer) {\n // fully fill the container\n var x = isForClipping ? -r[0] : cx - r[0];\n var y = isForClipping ? -r[1] : cy - r[1];\n return echarts.helper.createSymbol(\n 'rect', x, y, r[0] * 2, r[1] * 2\n );\n }\n else {\n var x = isForClipping ? -r : cx - r;\n var y = isForClipping ? -r : cy - r;\n if (symbol === 'pin') {\n y += r;\n }\n else if (symbol === 'arrow') {\n y -= r;\n }\n return echarts.helper.createSymbol(symbol, x, y, r * 2, r * 2);\n }\n }\n\n return new echarts.graphic.Circle({\n shape: {\n cx: isForClipping ? 0 : cx,\n cy: isForClipping ? 0 : cy,\n r: r\n }\n });\n }\n /**\n * Create outline\n */\n function getOutline() {\n var outlinePath = getPath(outterRadius);\n outlinePath.style.fill = null;\n\n outlinePath.setStyle(seriesModel.getModel('outline.itemStyle')\n .getItemStyle());\n\n return outlinePath;\n }\n\n /**\n * Create background\n */\n function getBackground() {\n // Seperate stroke and fill, so we can use stroke to cover the alias of clipping.\n var strokePath = getPath(radius);\n strokePath.setStyle(seriesModel.getModel('backgroundStyle')\n .getItemStyle());\n strokePath.style.fill = null;\n\n // Stroke is front of wave\n strokePath.z2 = 5;\n\n var fillPath = getPath(radius);\n fillPath.setStyle(seriesModel.getModel('backgroundStyle')\n .getItemStyle());\n fillPath.style.stroke = null;\n\n var group = new echarts.graphic.Group();\n group.add(strokePath);\n group.add(fillPath);\n\n return group;\n }\n\n /**\n * wave shape\n */\n function getWave(idx, isInverse, oldWave) {\n var radiusX = isFillContainer ? radius[0] : radius;\n var radiusY = isFillContainer ? height / 2 : radius;\n\n var itemModel = data.getItemModel(idx);\n var itemStyleModel = itemModel.getModel('itemStyle');\n var phase = itemModel.get('phase');\n var amplitude = parsePercent(itemModel.get('amplitude'),\n radiusY * 2);\n var waveLength = parsePercent(itemModel.get('waveLength'),\n radiusX * 2);\n\n var value = data.get('value', idx);\n var waterLevel = radiusY - value * radiusY * 2;\n phase = oldWave ? oldWave.shape.phase\n : (phase === 'auto' ? idx * Math.PI / 4 : phase);\n var normalStyle = itemStyleModel.getItemStyle();\n if (!normalStyle.fill) {\n var seriesColor = seriesModel.get('color');\n var id = idx % seriesColor.length;\n normalStyle.fill = seriesColor[id];\n }\n\n var x = radiusX * 2;\n var wave = new LiquidShape({\n shape: {\n waveLength: waveLength,\n radius: radiusX,\n radiusY: radiusY,\n cx: x,\n cy: 0,\n waterLevel: waterLevel,\n amplitude: amplitude,\n phase: phase,\n inverse: isInverse\n },\n style: normalStyle,\n position: [cx, cy]\n });\n wave.shape._waterLevel = waterLevel;\n\n var hoverStyle = itemModel.getModel('emphasis.itemStyle')\n .getItemStyle();\n hoverStyle.lineWidth = 0;\n\n wave.ensureState('emphasis').style = hoverStyle;\n echarts.helper.enableHoverEmphasis(wave);\n\n // clip out the part outside the circle\n var clip = getPath(radius, true);\n // set fill for clipPath, otherwise it will not trigger hover event\n clip.setStyle({\n fill: 'white'\n });\n wave.setClipPath(clip);\n\n return wave;\n }\n\n function setWaveAnimation(idx, wave, oldWave) {\n var itemModel = data.getItemModel(idx);\n\n var maxSpeed = itemModel.get('period');\n var direction = itemModel.get('direction');\n\n var value = data.get('value', idx);\n\n var phase = itemModel.get('phase');\n phase = oldWave ? oldWave.shape.phase\n : (phase === 'auto' ? idx * Math.PI / 4 : phase);\n\n var defaultSpeed = function (maxSpeed) {\n var cnt = data.count();\n return cnt === 0 ? maxSpeed : maxSpeed *\n (0.2 + (cnt - idx) / cnt * 0.8);\n };\n var speed = 0;\n if (maxSpeed === 'auto') {\n speed = defaultSpeed(5000);\n }\n else {\n speed = typeof maxSpeed === 'function'\n ? maxSpeed(value, idx) : maxSpeed;\n }\n\n // phase for moving left/right\n var phaseOffset = 0;\n if (direction === 'right' || direction == null) {\n phaseOffset = Math.PI;\n }\n else if (direction === 'left') {\n phaseOffset = -Math.PI;\n }\n else if (direction === 'none') {\n phaseOffset = 0;\n }\n else {\n console.error('Illegal direction value for liquid fill.');\n }\n\n // wave animation of moving left/right\n if (direction !== 'none' && itemModel.get('waveAnimation')) {\n wave\n .animate('shape', true)\n .when(0, {\n phase: phase\n })\n .when(speed / 2, {\n phase: phaseOffset + phase\n })\n .when(speed, {\n phase: phaseOffset * 2 + phase\n })\n .during(function () {\n if (wavePath) {\n wavePath.dirty(true);\n }\n })\n .start();\n }\n }\n\n /**\n * text on wave\n */\n function getText(waves) {\n var labelModel = itemModel.getModel('label');\n\n function formatLabel() {\n var formatted = seriesModel.getFormattedLabel(0, 'normal');\n var defaultVal = (data.get('value', 0) * 100);\n var defaultLabel = data.getName(0) || seriesModel.name;\n if (!isNaN(defaultVal)) {\n defaultLabel = defaultVal.toFixed(0) + '%';\n }\n return formatted == null ? defaultLabel : formatted;\n }\n\n var textRectOption = {\n z2: 10,\n shape: {\n x: left,\n y: top,\n width: (isFillContainer ? radius[0] : radius) * 2,\n height: (isFillContainer ? radius[1] : radius) * 2\n },\n style: {\n fill: 'transparent'\n },\n textConfig: {\n position: labelModel.get('position') || 'inside'\n },\n silent: true\n };\n var textOption = {\n style: {\n text: formatLabel(),\n textAlign: labelModel.get('align'),\n textVerticalAlign: labelModel.get('baseline')\n }\n };\n Object.assign(textOption.style, echarts.helper.createTextStyle(labelModel));\n\n var outsideTextRect = new echarts.graphic.Rect(textRectOption);\n var insideTextRect = new echarts.graphic.Rect(textRectOption);\n insideTextRect.disableLabelAnimation = true;\n outsideTextRect.disableLabelAnimation = true;\n\n var outsideText = new echarts.graphic.Text(textOption);\n var insideText = new echarts.graphic.Text(textOption);\n outsideTextRect.setTextContent(outsideText);\n\n insideTextRect.setTextContent(insideText);\n var insColor = labelModel.get('insideColor');\n insideText.style.fill = insColor;\n\n var group = new echarts.graphic.Group();\n group.add(outsideTextRect);\n group.add(insideTextRect);\n\n // clip out waves for insideText\n var boundingCircle = getPath(radius, true);\n\n wavePath = new echarts.graphic.CompoundPath({\n shape: {\n paths: waves\n },\n position: [cx, cy]\n });\n\n wavePath.setClipPath(boundingCircle);\n insideTextRect.setClipPath(wavePath);\n\n return group;\n }\n },\n\n dispose: function () {\n // dispose nothing here\n }\n});\n","<template>\r\n <div>\r\n <el-row>\r\n <el-col :span=\"24\">\r\n <div id=\"line1\" class=\"chart\"></div>\r\n </el-col>\r\n </el-row>\r\n <el-row :gutter=\"20\">\r\n <el-col :span=\"8\">\r\n <div id=\"liquid\" class=\"chart\"></div>\r\n </el-col>\r\n <el-col :span=\"8\">\r\n <div id=\"line2\" class=\"chart\"></div>\r\n </el-col>\r\n <el-col :span=\"8\">\r\n <div id=\"pie\" class=\"chart\"></div>\r\n </el-col>\r\n </el-row>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport Util from '@/assets/js/util'\r\nimport 'echarts-liquidfill'\r\nexport default {\r\n name: 'EChartsComplex',\r\n computed: {\r\n chartLine1 () {\r\n return this.$echarts.init(Util.getDom('line1'))\r\n },\r\n chartLine2 () {\r\n return this.$echarts.init(Util.getDom('line2'))\r\n },\r\n chartPie () {\r\n return this.$echarts.init(Util.getDom('pie'))\r\n },\r\n chartLiquid () {\r\n return this.$echarts.init(Util.getDom('liquid'))\r\n }\r\n },\r\n methods: {\r\n drawLine1 () {\r\n const title = '今日和昨日访问量'\r\n const option = {\r\n title: Object.assign({}, Util.defaultEchartsOpt.title, { text: title }),\r\n grid: {\r\n top: 60,\r\n left: 60,\r\n right: 80,\r\n bottom: 20,\r\n containLabel: true\r\n },\r\n tooltip: {\r\n trigger: 'axis',\r\n axisPointer: {\r\n lineStyle: {\r\n color: '#ddd'\r\n }\r\n },\r\n backgroundColor: 'rgba(255,255,255,1)',\r\n padding: [5, 10],\r\n textStyle: {\r\n color: '#999'\r\n },\r\n extraCssText: 'box-shadow: 0 0 5px rgba(0,0,0,0.3)'\r\n },\r\n legend: {\r\n top: 15,\r\n right: 20,\r\n orient: 'vertical',\r\n textStyle: {\r\n color: '#666'\r\n }\r\n },\r\n xAxis: {\r\n type: 'category',\r\n data: ['00:00', '2:00', '4:00', '6:00', '8:00', '10:00', '12:00', '14:00', '16:00', '18:00', '20:00', '22:00'],\r\n boundaryGap: false,\r\n splitLine: {\r\n show: false,\r\n interval: 'auto',\r\n lineStyle: {\r\n color: ['#D4DFF5']\r\n }\r\n },\r\n axisTick: {\r\n show: false\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: '#999'\r\n }\r\n },\r\n axisLabel: {\r\n margin: 10,\r\n textStyle: {\r\n fontSize: 14\r\n }\r\n }\r\n },\r\n yAxis: {\r\n type: 'value',\r\n splitLine: {\r\n lineStyle: {\r\n color: ['#D4DFF5']\r\n }\r\n },\r\n axisTick: {\r\n show: false\r\n },\r\n axisLine: {\r\n lineStyle: {\r\n color: '#999'\r\n }\r\n },\r\n axisLabel: {\r\n margin: 10,\r\n textStyle: {\r\n fontSize: 14\r\n }\r\n }\r\n },\r\n series: [{\r\n name: '今日',\r\n type: 'line',\r\n smooth: true,\r\n showSymbol: false,\r\n symbol: 'circle',\r\n symbolSize: 4,\r\n data: ['1200', '1400', '1008', '1411', '1026', '1288', '1300', '800', '1100', '1000', '1118', '1322'],\r\n areaStyle: {\r\n normal: {\r\n color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{\r\n offset: 0,\r\n color: 'rgba(199, 237, 250,0.5)'\r\n }, {\r\n offset: 1,\r\n color: 'rgba(199, 237, 250,0.2)'\r\n }], false)\r\n }\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: 'rgba(154, 116, 179, 0.7)'\r\n }\r\n },\r\n lineStyle: {\r\n normal: {\r\n width: 2\r\n }\r\n }\r\n }, {\r\n name: '昨日',\r\n type: 'line',\r\n smooth: true,\r\n showSymbol: false,\r\n symbol: 'circle',\r\n symbolSize: 4,\r\n data: ['1200', '1400', '808', '811', '626', '488', '1600', '1100', '500', '300', '1998', '822'],\r\n areaStyle: {\r\n normal: {\r\n color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{\r\n offset: 0,\r\n color: 'rgba(216, 244, 247,1)'\r\n }, {\r\n offset: 1,\r\n color: 'rgba(216, 244, 247,1)'\r\n }], false)\r\n }\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: 'rgba(126, 237, 238, 0.7)'\r\n }\r\n },\r\n lineStyle: {\r\n normal: {\r\n width: 2\r\n }\r\n }\r\n }]\r\n }\r\n this.chartLine1.setOption(option)\r\n return this\r\n },\r\n drawLine2 () {\r\n this.$axios.get('/chart-complex/line2').then(res => {\r\n const data = res.data\r\n const xAxisMonth = []; const barData = []; const lineData = []\r\n for (let i = 0; i < data.chart.length; i++) {\r\n xAxisMonth.push(data.chart[i].month + '月')\r\n barData.push({\r\n name: xAxisMonth[i],\r\n value: data.chart[i].value\r\n })\r\n lineData.push({\r\n name: xAxisMonth[i],\r\n value: data.chart[i].ratio\r\n })\r\n }\r\n\r\n const option = {\r\n title: Object.assign({}, Util.defaultEchartsOpt.title, { text: '训练月统计' }),\r\n grid: {\r\n top: 45,\r\n left: 20,\r\n right: 20,\r\n bottom: 0,\r\n containLabel: true\r\n },\r\n tooltip: {\r\n trigger: 'axis',\r\n axisPointer: {\r\n type: 'none'\r\n },\r\n formatter: function (params) {\r\n return params[0].data.name + '<br/>' + '训练人次: ' + params[1].data.value + '<br/>' + '合格率: ' + params[0].data.value\r\n }\r\n },\r\n xAxis: [\r\n {\r\n type: 'category',\r\n show: false,\r\n data: xAxisMonth,\r\n axisLabel: {\r\n textStyle: {\r\n color: '#b6b5ab'\r\n }\r\n }\r\n },\r\n {\r\n type: 'category',\r\n position: 'bottom',\r\n data: xAxisMonth,\r\n boundaryGap: true,\r\n axisTick: {\r\n show: false\r\n },\r\n axisLine: {\r\n show: false\r\n },\r\n axisLabel: {\r\n textStyle: {\r\n color: '#b6b5ab'\r\n }\r\n }\r\n }\r\n ],\r\n yAxis: [\r\n {\r\n show: true,\r\n offset: 52,\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: 'rgba(255,255,255,0.2)'\r\n }\r\n },\r\n axisTick: {\r\n show: false\r\n },\r\n axisLine: {\r\n show: true\r\n },\r\n axisLabel: {\r\n show: true,\r\n color: '#b6b5ab'\r\n }\r\n },\r\n {\r\n show: false,\r\n type: 'value',\r\n name: '合格率(%)',\r\n nameTextStyle: {\r\n color: '#ccc'\r\n },\r\n axisLabel: {\r\n color: '#ccc'\r\n },\r\n splitLine: {\r\n show: false\r\n },\r\n axisLine: {\r\n show: false\r\n },\r\n axisTick: {\r\n show: false\r\n }\r\n }\r\n ],\r\n color: ['#e54035'],\r\n series: [\r\n {\r\n name: '训练人次',\r\n type: 'pictorialBar',\r\n xAxisIndex: 1,\r\n barCategoryGap: '-80%',\r\n symbol: 'path://d=\"M150 50 L130 130 L170 130 Z\"',\r\n itemStyle: {\r\n normal: {\r\n color: function (params) {\r\n const colorList = [\r\n 'rgba(13,177,205,0.8)', 'rgba(29,103,182,0.6)',\r\n 'rgba(13,177,205,0.8)', 'rgba(29,103,182,0.6)',\r\n 'rgba(13,177,205,0.8)', 'rgba(29,103,182,0.6)'\r\n ]\r\n return colorList[params.dataIndex]\r\n }\r\n },\r\n emphasis: {\r\n opacity: 1\r\n }\r\n },\r\n data: barData\r\n },\r\n {\r\n symbol: 'image://chart-icon.png',\r\n symbolSize: 42,\r\n name: '完成率',\r\n type: 'line',\r\n yAxisIndex: 1,\r\n data: lineData,\r\n itemStyle: {\r\n normal: {\r\n borderWidth: 5,\r\n color: {\r\n colorStops: [{\r\n offset: 0,\r\n color: '#821eff'\r\n },\r\n\r\n {\r\n offset: 1,\r\n color: '#204fff'\r\n }\r\n ]\r\n }\r\n }\r\n }\r\n }\r\n ]\r\n }\r\n this.chartLine2.setOption(option)\r\n })\r\n return this\r\n },\r\n drawPie () {\r\n const dataStyle = {\r\n normal: {\r\n label: {\r\n show: false\r\n },\r\n labelLine: {\r\n show: false\r\n },\r\n shadowBlur: 40,\r\n shadowColor: 'rgba(40, 40, 40, 0.5)'\r\n }\r\n }\r\n const placeHolderStyle = {\r\n normal: {\r\n color: 'rgba(0,0,0,0)',\r\n label: {\r\n show: false\r\n },\r\n labelLine: {\r\n show: false\r\n }\r\n },\r\n emphasis: {\r\n color: 'rgba(0,0,0,0)'\r\n }\r\n }\r\n // 5个圆环的样式\r\n const series = []\r\n const colors = ['#85b6b2', '#6d4f8d', '#cd5e7e', '#e38980', '#f7db88']\r\n for (let i = 0; i < 5; i++) {\r\n series.push({\r\n name: `产品${i + 1}`,\r\n type: 'pie',\r\n clockWise: false,\r\n center: ['50%', '56%'],\r\n radius: [110 - i * 20, 130 - i * 20],\r\n itemStyle: dataStyle,\r\n hoverAnimation: false,\r\n data: [\r\n {\r\n value: (Math.random() * 100).toFixed(2),\r\n name: `产品${i + 1}`,\r\n itemStyle: {\r\n color: colors[i]\r\n }\r\n },\r\n {\r\n value: (Math.random() * 100).toFixed(2),\r\n name: '',\r\n itemStyle: placeHolderStyle\r\n }\r\n ]\r\n })\r\n }\r\n\r\n const option = {\r\n title: Object.assign({}, Util.defaultEchartsOpt.title, { text: '多产品完成度' }),\r\n tooltip: {\r\n show: true,\r\n formatter: '{a} <br/>完成度 : {d}%'\r\n },\r\n color: colors,\r\n legend: {\r\n itemGap: 12,\r\n left: 20,\r\n top: 50,\r\n textStyle: {\r\n color: '#666'\r\n }\r\n },\r\n series\r\n }\r\n\r\n this.chartPie.setOption(option)\r\n return this\r\n },\r\n drawLiquid () {\r\n const rate = Math.random().toFixed(2)\r\n this.chartLiquid.setOption({\r\n title: Object.assign({}, Util.defaultEchartsOpt.title, { text: '项目总完成度' }),\r\n series: [{\r\n type: 'liquidFill',\r\n data: [rate > 0.6 ? rate : 0.6, 0.5, 0.4, 0.3],\r\n radius: '70%',\r\n center: ['50%', '55%']\r\n }]\r\n })\r\n return this\r\n },\r\n resizeChart () {\r\n window.addEventListener('resize', () => {\r\n this.chartLine1.resize()\r\n this.chartLine2.resize()\r\n this.chartPie.resize()\r\n this.chartLiquid.resize()\r\n })\r\n }\r\n },\r\n mounted () {\r\n this.drawLine1().drawLine2().drawPie().drawLiquid().resizeChart()\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n .el-row {\r\n margin-top: 20px;\r\n }\r\n .chart {\r\n width: 100%;\r\n height: 350px;\r\n .border-radius(8px);\r\n background-color: @boxBgColor;\r\n box-shadow: 0 0 5px transparent;\r\n &:hover {\r\n box-shadow: 0 0 5px @mainColor;\r\n }\r\n }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EChartsComplex.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EChartsComplex.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EChartsComplex.vue?vue&type=template&id=21cdafd3&scoped=true&\"\nimport script from \"./EChartsComplex.vue?vue&type=script&lang=js&\"\nexport * from \"./EChartsComplex.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EChartsComplex.vue?vue&type=style&index=0&id=21cdafd3&scoped=true&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"21cdafd3\",\n null\n \n)\n\nexport default component.exports","var DESCRIPTORS = require('../internals/descriptors');\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar FunctionPrototypeToString = FunctionPrototype.toString;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.es/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !(NAME in FunctionPrototype)) {\n defineProperty(FunctionPrototype, NAME, {\n configurable: true,\n get: function () {\n try {\n return FunctionPrototypeToString.call(this).match(nameRE)[1];\n } catch (error) {\n return '';\n }\n }\n });\n}\n"],"sourceRoot":""} |