1 line
15 KiB
JSON
1 line
15 KiB
JSON
{"remainingRequest":"D:\\Hjm项目\\suyi1111\\node_modules\\thread-loader\\dist\\cjs.js!D:\\Hjm项目\\suyi1111\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\suyi1111\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\conicalColumnChart\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\conicalColumnChart\\src\\main.vue","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IGF1dG9SZXNpemUgZnJvbSAnLi4vLi4vLi4vbWl4aW4vYXV0b1Jlc2l6ZSc7CmltcG9ydCB7IGRlZXBNZXJnZSB9IGZyb20gJ0BqaWFtaW5naGkvY2hhcnRzL2xpYi91dGlsL2luZGV4JzsKaW1wb3J0IHsgZGVlcENsb25lIH0gZnJvbSAnQGppYW1pbmdoaS9jLXJlbmRlci9saWIvcGx1Z2luL3V0aWwnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ0R2Q29uaWNhbENvbHVtbkNoYXJ0JywKICBtaXhpbnM6IFthdXRvUmVzaXplXSwKICBwcm9wczogewogICAgY29uZmlnOiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgZGVmYXVsdDogKCkgPT4gKHt9KQogICAgfQogIH0sCgogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICByZWY6ICdjb25pY2FsLWNvbHVtbi1jaGFydCcsCiAgICAgIGRlZmF1bHRDb25maWc6IHsKICAgICAgICAvKioKICAgICAgICAgKiBAZGVzY3JpcHRpb24gQ2hhcnQgZGF0YQogICAgICAgICAqIEB0eXBlIHtBcnJheTxPYmplY3Q+fQogICAgICAgICAqIEBkZWZhdWx0IGRhdGEgPSBbXQogICAgICAgICAqLwogICAgICAgIGRhdGE6IFtdLAoKICAgICAgICAvKioKICAgICAgICAgKiBAZGVzY3JpcHRpb24gQ2hhcnQgaW1nCiAgICAgICAgICogQHR5cGUge0FycmF5PFN0cmluZz59CiAgICAgICAgICogQGRlZmF1bHQgaW1nID0gW10KICAgICAgICAgKi8KICAgICAgICBpbWc6IFtdLAoKICAgICAgICAvKioKICAgICAgICAgKiBAZGVzY3JpcHRpb24gQ2hhcnQgZm9udCBzaXplCiAgICAgICAgICogQHR5cGUge051bWJlcn0KICAgICAgICAgKiBAZGVmYXVsdCBmb250U2l6ZSA9IDEyCiAgICAgICAgICovCiAgICAgICAgZm9udFNpemU6IDEyLAoKICAgICAgICAvKioKICAgICAgICAgKiBAZGVzY3JpcHRpb24gSW1nIHNpZGUgbGVuZ3RoCiAgICAgICAgICogQHR5cGUge051bWJlcn0KICAgICAgICAgKiBAZGVmYXVsdCBpbWdTaWRlTGVuZ3RoID0gMzAKICAgICAgICAgKi8KICAgICAgICBpbWdTaWRlTGVuZ3RoOiAzMCwKCiAgICAgICAgLyoqCiAgICAgICAgICogQGRlc2NyaXB0aW9uIENvbHVtbiBjb2xvcgogICAgICAgICAqIEB0eXBlIHtTdHJpbmd9CiAgICAgICAgICogQGRlZmF1bHQgY29sdW1uQ29sb3IgPSAncmdiYSgwLCAxOTQsIDI1NSwgMC40KScKICAgICAgICAgKi8KICAgICAgICBjb2x1bW5Db2xvcjogJ3JnYmEoMCwgMTk0LCAyNTUsIDAuNCknLAoKICAgICAgICAvKioKICAgICAgICAgKiBAZGVzY3JpcHRpb24gVGV4dCBjb2xvcgogICAgICAgICAqIEB0eXBlIHtTdHJpbmd9CiAgICAgICAgICogQGRlZmF1bHQgdGV4dENvbG9yID0gJyNmZmYnCiAgICAgICAgICovCiAgICAgICAgdGV4dENvbG9yOiAnI2ZmZicsCgogICAgICAgIC8qKgogICAgICAgICAqIEBkZXNjcmlwdGlvbiBTaG93IHZhbHVlCiAgICAgICAgICogQHR5cGUge0Jvb2xlYW59CiAgICAgICAgICogQGRlZmF1bHQgc2hvd1ZhbHVlID0gZmFsc2UKICAgICAgICAgKi8KICAgICAgICBzaG93VmFsdWU6IGZhbHNlCiAgICAgIH0sCiAgICAgIG1lcmdlZENvbmZpZzogbnVsbCwKICAgICAgY29sdW1uOiBbXQogICAgfTsKICB9LAoKICB3YXRjaDogewogICAgY29uZmlnKCkgewogICAgICBjb25zdCB7CiAgICAgICAgY2FsY0RhdGEKICAgICAgfSA9IHRoaXM7CiAgICAgIGNhbGNEYXRhKCk7CiAgICB9CgogIH0sCiAgbWV0aG9kczogewogICAgYWZ0ZXJBdXRvUmVzaXplTWl4aW5Jbml0KCkgewogICAgICBjb25zdCB7CiAgICAgICAgY2FsY0RhdGEKICAgICAgfSA9IHRoaXM7CiAgICAgIGNhbGNEYXRhKCk7CiAgICB9LAoKICAgIG9uUmVzaXplKCkgewogICAgICBjb25zdCB7CiAgICAgICAgY2FsY0RhdGEKICAgICAgfSA9IHRoaXM7CiAgICAgIGNhbGNEYXRhKCk7CiAgICB9LAoKICAgIGNhbGNEYXRhKCkgewogICAgICBjb25zdCB7CiAgICAgICAgbWVyZ2VDb25maWcsCiAgICAgICAgaW5pdERhdGEsCiAgICAgICAgY2FsY1NWR1BhdGgKICAgICAgfSA9IHRoaXM7CiAgICAgIG1lcmdlQ29uZmlnKCk7CiAgICAgIGluaXREYXRhKCk7CiAgICAgIGNhbGNTVkdQYXRoKCk7CiAgICB9LAoKICAgIG1lcmdlQ29uZmlnKCkgewogICAgICBjb25zdCB7CiAgICAgICAgZGVmYXVsdENvbmZpZywKICAgICAgICBjb25maWcKICAgICAgfSA9IHRoaXM7CiAgICAgIHRoaXMubWVyZ2VkQ29uZmlnID0gZGVlcE1lcmdlKGRlZXBDbG9uZShkZWZhdWx0Q29uZmlnLCB0cnVlKSwgY29uZmlnIHx8IHt9KTsKICAgIH0sCgogICAgaW5pdERhdGEoKSB7CiAgICAgIGNvbnN0IHsKICAgICAgICBtZXJnZWRDb25maWcKICAgICAgfSA9IHRoaXM7CiAgICAgIGxldCB7CiAgICAgICAgZGF0YQogICAgICB9ID0gbWVyZ2VkQ29uZmlnOwogICAgICBkYXRhID0gZGVlcENsb25lKGRhdGEsIHRydWUpOwogICAgICBkYXRhLnNvcnQoKHsKICAgICAgICB2YWx1ZTogYQogICAgICB9LCB7CiAgICAgICAgdmFsdWU6IGIKICAgICAgfSkgPT4gewogICAgICAgIGlmIChhID4gYikgcmV0dXJuIC0xOwogICAgICAgIGlmIChhIDwgYikgcmV0dXJuIDE7CiAgICAgICAgaWYgKGEgPT09IGIpIHJldHVybiAwOwogICAgICB9KTsKICAgICAgY29uc3QgbWF4ID0gZGF0YVswXSA/IGRhdGFbMF0udmFsdWUgOiAxMDsKICAgICAgZGF0YSA9IGRhdGEubWFwKGl0ZW0gPT4gKHsgLi4uaXRlbSwKICAgICAgICBwZXJjZW50OiBpdGVtLnZhbHVlIC8gbWF4CiAgICAgIH0pKTsKICAgICAgbWVyZ2VkQ29uZmlnLmRhdGEgPSBkYXRhOwogICAgfSwKCiAgICBjYWxjU1ZHUGF0aCgpIHsKICAgICAgY29uc3QgewogICAgICAgIG1lcmdlZENvbmZpZywKICAgICAgICB3aWR0aCwKICAgICAgICBoZWlnaHQKICAgICAgfSA9IHRoaXM7CiAgICAgIGNvbnN0IHsKICAgICAgICBpbWdTaWRlTGVuZ3RoLAogICAgICAgIGZvbnRTaXplLAogICAgICAgIGRhdGEKICAgICAgfSA9IG1lcmdlZENvbmZpZzsKICAgICAgY29uc3QgaXRlbU51bSA9IGRhdGEubGVuZ3RoOwogICAgICBjb25zdCBnYXAgPSB3aWR0aCAvIChpdGVtTnVtICsgMSk7CiAgICAgIGNvbnN0IHVzZUFibGVIZWlnaHQgPSBoZWlnaHQgLSBpbWdTaWRlTGVuZ3RoIC0gZm9udFNpemUgLSA1OwogICAgICBjb25zdCBzdmdCb3R0b20gPSBoZWlnaHQgLSBmb250U2l6ZSAtIDU7CiAgICAgIHRoaXMuY29sdW1uID0gZGF0YS5tYXAoKGl0ZW0sIGkpID0+IHsKICAgICAgICBjb25zdCB7CiAgICAgICAgICBwZXJjZW50CiAgICAgICAgfSA9IGl0ZW07CiAgICAgICAgY29uc3QgbWlkZGxlWFBvcyA9IGdhcCAqIChpICsgMSk7CiAgICAgICAgY29uc3QgbGVmdFhQb3MgPSBnYXAgKiBpOwogICAgICAgIGNvbnN0IHJpZ2h0WHBvcyA9IGdhcCAqIChpICsgMik7CiAgICAgICAgY29uc3QgbWlkZGxlWVBvcyA9IHN2Z0JvdHRvbSAtIHVzZUFibGVIZWlnaHQgKiBwZXJjZW50OwogICAgICAgIGNvbnN0IGNvbnRyb2xZUG9zID0gdXNlQWJsZUhlaWdodCAqIHBlcmNlbnQgKiAwLjYgKyBtaWRkbGVZUG9zOwogICAgICAgIGNvbnN0IGQgPSBgCiAgICAgICAgICBNJHtsZWZ0WFBvc30sICR7c3ZnQm90dG9tfQogICAgICAgICAgUSR7bWlkZGxlWFBvc30sICR7Y29udHJvbFlQb3N9ICR7bWlkZGxlWFBvc30sJHttaWRkbGVZUG9zfQogICAgICAgICAgTSR7bWlkZGxlWFBvc30sJHttaWRkbGVZUG9zfQogICAgICAgICAgUSR7bWlkZGxlWFBvc30sICR7Y29udHJvbFlQb3N9ICR7cmlnaHRYcG9zfSwke3N2Z0JvdHRvbX0KICAgICAgICAgIEwke2xlZnRYUG9zfSwgJHtzdmdCb3R0b219CiAgICAgICAgICBaCiAgICAgICAgYDsKICAgICAgICBjb25zdCB0ZXh0WSA9IChzdmdCb3R0b20gKyBtaWRkbGVZUG9zKSAvIDIgKyBmb250U2l6ZSAvIDI7CiAgICAgICAgcmV0dXJuIHsgLi4uaXRlbSwKICAgICAgICAgIGQsCiAgICAgICAgICB4OiBtaWRkbGVYUG9zLAogICAgICAgICAgeTogbWlkZGxlWVBvcywKICAgICAgICAgIHRleHRZCiAgICAgICAgfTsKICAgICAgfSk7CiAgICB9CgogIH0KfTs="},{"version":3,"sources":["main.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\n <div class=\"dv-conical-column-chart\" :ref=\"ref\">\n <svg :width=\"width\" :height=\"height\">\n <g\n v-for=\"(item, i) in column\"\n :key=\"i\"\n >\n <path\n :d=\"item.d\"\n :fill=\"mergedConfig.columnColor\"\n />\n <text\n :style=\"`fontSize:${mergedConfig.fontSize}px`\"\n :fill=\"mergedConfig.textColor\"\n :x=\"item.x\"\n :y=\"height - 4\"\n >\n {{ item.name }}\n </text>\n <image\n v-if=\"mergedConfig.img.length\"\n :xlink:href=\"mergedConfig.img[i % mergedConfig.img.length]\"\n :width=\"mergedConfig.imgSideLength\"\n :height=\"mergedConfig.imgSideLength\"\n :x=\"item.x - mergedConfig.imgSideLength / 2\"\n :y=\"item.y - mergedConfig.imgSideLength\"\n />\n <text\n v-if=\"mergedConfig.showValue\"\n :style=\"`fontSize:${mergedConfig.fontSize}px`\"\n :fill=\"mergedConfig.textColor\"\n :x=\"item.x\"\n :y=\"item.textY\"\n >\n {{ item.value }}\n </text>\n </g>\n </svg>\n </div>\n</template>\n\n<script>\nimport autoResize from '../../../mixin/autoResize'\n\nimport { deepMerge } from '@jiaminghi/charts/lib/util/index'\n\nimport { deepClone } from '@jiaminghi/c-render/lib/plugin/util'\n\nexport default {\n name: 'DvConicalColumnChart',\n mixins: [autoResize],\n props: {\n config: {\n type: Object,\n default: () => ({})\n }\n },\n data () {\n return {\n ref: 'conical-column-chart',\n\n defaultConfig: {\n /**\n * @description Chart data\n * @type {Array<Object>}\n * @default data = []\n */\n data: [],\n /**\n * @description Chart img\n * @type {Array<String>}\n * @default img = []\n */\n img: [],\n /**\n * @description Chart font size\n * @type {Number}\n * @default fontSize = 12\n */\n fontSize: 12,\n /**\n * @description Img side length\n * @type {Number}\n * @default imgSideLength = 30\n */\n imgSideLength: 30,\n /**\n * @description Column color\n * @type {String}\n * @default columnColor = 'rgba(0, 194, 255, 0.4)'\n */\n columnColor: 'rgba(0, 194, 255, 0.4)',\n /**\n * @description Text color\n * @type {String}\n * @default textColor = '#fff'\n */\n textColor: '#fff',\n /**\n * @description Show value\n * @type {Boolean}\n * @default showValue = false\n */\n showValue: false\n },\n\n mergedConfig: null,\n\n column: []\n }\n },\n watch: {\n config () {\n const { calcData } = this\n\n calcData()\n }\n },\n methods: {\n afterAutoResizeMixinInit () {\n const { calcData } = this\n\n calcData()\n },\n onResize () {\n const { calcData } = this\n\n calcData()\n },\n calcData () {\n const { mergeConfig, initData, calcSVGPath } = this\n\n mergeConfig()\n\n initData()\n\n calcSVGPath()\n },\n mergeConfig () {\n const { defaultConfig, config } = this\n\n this.mergedConfig = deepMerge(deepClone(defaultConfig, true), config || {})\n },\n initData () {\n const { mergedConfig } = this\n let { data } = mergedConfig\n\n data = deepClone(data, true)\n\n data.sort(({ value: a }, { value: b }) => {\n if (a > b) return -1\n if (a < b) return 1\n if (a === b) return 0\n })\n\n const max = data[0] ? data[0].value : 10\n\n data = data.map(item => ({\n ...item,\n percent: item.value / max\n }))\n\n mergedConfig.data = data\n },\n calcSVGPath () {\n const { mergedConfig, width, height } = this\n\n const { imgSideLength, fontSize, data } = mergedConfig\n\n const itemNum = data.length\n const gap = width / (itemNum + 1)\n\n const useAbleHeight = height - imgSideLength - fontSize - 5\n const svgBottom = height - fontSize - 5\n\n this.column = data.map((item, i) => {\n const { percent } = item\n\n const middleXPos = gap * (i + 1)\n const leftXPos = gap * i\n const rightXpos = gap * (i + 2)\n\n const middleYPos = svgBottom - useAbleHeight * percent\n const controlYPos = useAbleHeight * percent * 0.6 + middleYPos\n\n const d = `\n M${leftXPos}, ${svgBottom}\n Q${middleXPos}, ${controlYPos} ${middleXPos},${middleYPos}\n M${middleXPos},${middleYPos}\n Q${middleXPos}, ${controlYPos} ${rightXpos},${svgBottom}\n L${leftXPos}, ${svgBottom}\n Z\n `\n\n const textY = (svgBottom + middleYPos) / 2 + fontSize / 2\n\n return {\n ...item,\n d,\n x: middleXPos,\n y: middleYPos,\n textY\n }\n })\n }\n }\n}\n</script>"],"sourceRoot":"node_modules/@jiaminghi/data-view/lib/components/conicalColumnChart/src"}]} |