{"_id":"@dfeidao/fd-wh000019","_rev":"2-596798bed18e2af8d12b61a4ef4bade4","name":"@dfeidao/fd-wh000019","dist-tags":{"latest":"4.6.201910171450"},"versions":{"4.6.201910161049":{"name":"@dfeidao/fd-wh000019","version":"4.6.201910161049","description":"雷达图","scripts":{"lint":"tslint -p ./tsconfig.json","build":"../../node_modules/.bin/gulp","test":"../../node_modules/.bin/gulp dev","umd":"../../node_modules/.bin/gulp umd"},"repository":{"type":"git","url":"https://gitee.com/dfeidao/widgets"},"keywords":["feidao","01feidao","dfeidao","atom","飞道","控件","ai"],"author":{"name":"高塬","email":"tao_qiufeng@126.com","url":"http://www.01feidao.com/"},"maintainers":[{"name":"taoqf","email":"tao_qiufeng@126.com"}],"license":"MIT","peerDependencies":{},"dependencies":{"@dfeidao/core":"4.6.201904301027","dot":"1.1.2","echarts":"4.2.1"},"devDependencies":{"@types/dot":"^1.1.3","@types/echarts":"^4.1.9"},"_id":"@dfeidao/fd-wh000019@4.6.201910161049","_nodeVersion":"12.12.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-yDl5hdUto0Bk40ckvDthhZD4i4Al4YVec0pF/Tc9OngavvVKvHZiIoecNswXchHDLwzIIV8s2bGFTfU4a6iQ4g==","shasum":"8107bf533cb8f5e9b80396674d7a3affed20bc18","tarball":"https://registry.npmjs.org/@dfeidao/fd-wh000019/-/fd-wh000019-4.6.201910161049.tgz","fileCount":6,"unpackedSize":50634,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpoVMCRA9TVsSAnZWagAAXqsP/0zR1FMtRlaT8GqYsLK8\nq0iMW/qtbRovH4+qJvmSRYRVJzrnkvFMu9oSRFc0HpoU4PrsE36Ttnio4beG\ndgUyK6PDl5hc0hlrAdZLSg43PHCFOhgf9WdwDfglsxmpMe+CJ6Tt47h0OpFp\nBjQPajJ6AwxPBJmUzB7VeHjGtqxJr/+XDAF26crZNUeK/IM4fWjqY/eBUhlq\n6Jk5vJJg155kNy+2wtz/L+wFQT/0TLNX+jzdbc0mikQjJBNRpu7j1XIomnOv\nfElRlitHWoOgYQe6Af4CjXdSHwvpYyz7279+9Y6Uwyqy5D19zJDTt8pmx9WL\nrlTeRWU21IwQnj6jU3Iu5T5YEEd891KbE3OJfpC6e4+tpwOLWcQZO4xtwwTm\nsJ4lsknFQXSxYzflm4M0qaLGgh1wydsy5ECn7tDA0ZjNuKC7BcBrZrtI+BPQ\ns3FM0JbMMuv3A4iXg/o0kx6jP8QyifZ3GIonsDCijTKqwyD/JOSdaFT19PcP\n3wRhWNjixJ/quRaT/yxR0SXF78Ke8iIn0a375kfM5Lw8Ffwc9Fi9dVCnKBMs\nO7XGnsCa72ymOsndQBTaecv1HcC59m+w5Ou/fxYaV6NIm55P2lXhHhdUw2A8\nG2AtABcDnax/tqkJCWILmNo49Dq6hmttzrCi8Fp9Mc5Psbk4ot8gfd27pl8y\nmKvm\r\n=+o5t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH8AjkOLVvlrcISkBDEZdVcimapNiXuPEdzW5xbKIN9aAiAsulhDIUo14IYGZ9Dc/PIhlrrxoFJXRrIHTV5UjyNp2w=="}]},"_npmUser":{"name":"taoqf","email":"tao_qiufeng@126.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fd-wh000019_4.6.201910161049_1571194187388_0.07274623914805844"},"_hasShrinkwrap":false},"4.6.201910171450":{"name":"@dfeidao/fd-wh000019","version":"4.6.201910171450","description":"雷达图","scripts":{"lint":"tslint -p ./tsconfig.json","build":"../../node_modules/.bin/gulp","test":"../../node_modules/.bin/gulp dev","umd":"../../node_modules/.bin/gulp umd"},"repository":{"type":"git","url":"https://gitee.com/dfeidao/widgets"},"keywords":["feidao","01feidao","dfeidao","atom","飞道","控件","ai"],"author":{"name":"高塬","email":"tao_qiufeng@126.com","url":"http://www.01feidao.com/"},"maintainers":[{"name":"taoqf","email":"tao_qiufeng@126.com"}],"license":"MIT","peerDependencies":{},"dependencies":{"@dfeidao/core":"4.6.201904301027","dot":"1.1.2","echarts":"4.2.1"},"devDependencies":{"@types/dot":"^1.1.3","@types/echarts":"^4.1.9"},"_id":"@dfeidao/fd-wh000019@4.6.201910171450","_nodeVersion":"12.12.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-eo5NFIma1hSOCE8jB79YUN3fIZj+DaoPNZLU6DAVVYEYNzkCRLoS2Ru/im7IybPZcPviebmhIu1OcXfE8gpvzA==","shasum":"b0eaaa1c740c40ad6c6bf9ef43c62411d09c0dd3","tarball":"https://registry.npmjs.org/@dfeidao/fd-wh000019/-/fd-wh000019-4.6.201910171450.tgz","fileCount":6,"unpackedSize":51024,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqA8+CRA9TVsSAnZWagAA1RcP/A6z3lvkN2XvXDyZhlBA\nzJeik7RcqEWw6vg1krI3vahVDbZnCokjUgfPathzIFtbNKhqirHbUMrujhiS\n7wuEHoHHnAXhESmdQtxMMVZDxkTpLTn1TmUy2ZvZs9JZP5Cjy78i0jUIX9M9\ntKFHAoYFpE99X2rnhU6PTGdmurU5Klv06LDT6Kft75UmmcwE24e296m9PwYo\nk0DMt+9EmKLG5/rMn2mOv16OnX/mIAt3LcLztUVrbjcb/xsTk1IbynG+dHDR\nxZDkuv5HxlnKPV47xBCJevKYnmcM5opVQXNZXI1p7IBY3N+QxC07gyY1BiCM\nxsXRwf4XJb1mK1x7zOL82/azOqbR7lTl0DNzOHXTUSdeVTulNUmxmUNqi2lG\n+1IEGekg4EPeogvvgPL7iJPK6iRoZrdroo5f1hRzkvC8w8nadz99YMYBu1sv\nO3XPs9ys8XSDZXAaUpSEkCgC6acldTEbtmG3WD9tBiCxy2Tlos5HG7ur9jn6\n+1tIru9MsvResMkreJeN8TYFKfrFG7T4YtDLR2A2A6SZqRzIoHyeQZMmeIfJ\ntd5OglXYNE9Tl773SRBZ3Pr58ZAewIe59uI6JNp9KyuY5EKf2m1IRpHM3mUL\n7oBbC537lhhRIatb8ZZzHXkVI/GY9Y2Dh/mLXJCJ+g3VcGu4msGRghEHHCAb\nJ0Dq\r\n=U2xq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC9UensihlnZ5LDBqEvQFfbw8wHQ1rJnodXfUL6tYGOkAiEAgMeQxmwaNBNoH9BDdJvHShvp9uL1hDGGaJ6V0RMMjcY="}]},"_npmUser":{"name":"taoqf","email":"tao_qiufeng@126.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fd-wh000019_4.6.201910171450_1571295037851_0.45379746863689574"},"_hasShrinkwrap":false}},"time":{"created":"2019-10-16T02:49:47.182Z","4.6.201910161049":"2019-10-16T02:49:47.492Z","modified":"2022-04-05T04:16:48.192Z","4.6.201910171450":"2019-10-17T06:50:37.983Z"},"maintainers":[{"name":"taoqf","email":"tao_qiufeng@126.com"}],"description":"雷达图","keywords":["feidao","01feidao","dfeidao","atom","飞道","控件","ai"],"repository":{"type":"git","url":"https://gitee.com/dfeidao/widgets"},"author":{"name":"高塬","email":"tao_qiufeng@126.com","url":"http://www.01feidao.com/"},"license":"MIT","readme":"# 雷达图\n\n<!-- TOC -->\n\n- [Installation](#installation)\n- [Tag](#tag)\n- [Attributes](#attributes)\n\t- [`value`](#value)\n\t- [`series-indicator`](#series-indicator)\n\t- [`theme`](#theme)\n\t- [`legend-type`](#legend-type)\n\t- [`legend-hide`](#legend-hide)\n\t- [`lengend-number`](#lengend-number)\n\t- [`legend-position`](#legend-position)\n\t- [`legend-orient`](#legend-orient)\n\t- [`tooltip-show`](#tooltip-show)\n\t- [`series-center-w`](#series-center-w)\n\t- [`series-center-h`](#series-center-h)\n\t- [`series-radius`](#series-radius)\n\t- [`tooltip-formatter`](#tooltip-formatter)\n\t- [`show-label`](#show-label)\n\t- [`label-formatter`](#label-formatter)\n\t- [`indicator-formatter`](#indicator-formatter)\n\t- [`background-color`](#background-color)\n\t- [`series-icon`](#series-icon)\n\t- [`series-item-gap`](#series-item-gap)\n\t- [`keep-point`](#keep-point)\n\t- [`axisLine-color`](#axisline-color)\n\t- [`indicator-text-color`](#indicator-text-color)\n\t- [`indicator-hidden`](#indicator-hidden)\n\t- [`series-shape`](#series-shape)\n\t- [`splitLine-color`](#splitline-color)\n\t- [`split-number`](#split-number)\n\t- [`title-hidden`](#title-hidden)\n\t- [`title-text`](#title-text)\n\t- [`symbol-size`](#symbol-size)\n\t- [`area-color`](#area-color)\n\t- [`title-fontsize`](#title-fontsize)\n\t- [`title-left`](#title-left)\n\t- [`title-top`](#title-top)\n- [Methods](#methods)\n\t- [`setAttribute`](#setattribute)\n\t- [`get_data_url`](#get_data_url)\n- [Events](#events)\n\t- [feidao-web事件绑定示例](#feidao-web事件绑定示例)\n\t- [`fdwe-click`](#fdwe-click)\n- [Example](#example)\n\t- [html](#html)\n\t- [js](#js)\n\n<!-- /TOC -->\n\n<https://dfeidao.gitee.io/widgets/>\n\n## Installation\n\n```sh\nyarn add --dev @dfeidao/fd-wh000019\n```\n\n## Tag\n\n> value,series-indicator 属性是必传的, 控件的宽高必须设定\n\n```html\n<fd-wh000019></fd-wh000019>\n```\n\n## Attributes\n\n### `value`\n\n渲染雷达图的数据\n\n例:\n\n```html\n <fd-wh000019 style=\"width: 40em;height: 20em;\" value='[{\"name\":\"北京\",\"value\":[267,216,280,4.8,108,64]},{\"name\":\"上海\",\"value\":[222,155,126,4.8,55,64]}]'></fd-wh000019>\n```\n\n### `series-indicator`\n\n渲染雷达图指示器的数据\n\n```html\n <fd-wh000019 style=\"width: 40em;height: 20em;\" series-indicator='[{\"name\":\"完好率\",\"max\":300},{\"name\":\"节电率\",\"max\":250},{\"name\":\"负载率\",\"max\":300},{\"name\":\"功能性\",\"max\":5},{\"name\":\"舒适度\",\"max\":200},{\"name\":\"能效比\",\"max\":100}]'></fd-wh000019>\n```\n\n### `theme`\n\n雷达图的主题，可选值为'dark','infographic','macarons','roma','shine','vintage'。\n示例:\n\n```text\ntheme = \"macarons\"\n```\n\n### `legend-type`\n\n图例的类型。可选值：'plain'：普通图例。'scroll'：可滚动翻页的图例。当图例数量较多时可以使用。\n示例:\n\n```text\nlegend-type = \"scroll\"\n```\n\n### `legend-hide`\n\n是否隐藏图例组件。图例默认是显示的，如果设置了该属性则图例隐藏。( true )\n\n```html\n<fd-wh000019 legend-hide></fd-wh000019>\n```\n\n### `lengend-number`\n\n图例显示对应项的数值。\n\n```html\n<fd-wh000019 lengend-number></fd-wh000019>\n```\n\n### `legend-position`\n\n图例组件在容器中显示的位置，可选值为'1', '2', '3', '4', '5，分别对应 '左上角', '右上角', '右下角', '左下角','正下方'.\n示例\n\n```text\nlegend-position = \"2\"\n```\n\n### `legend-orient`\n\n图例列表的布局朝向。可选值为'horizontal' 水平，'vertical' 垂直。\n示例\n\n```text\nlegend-orient = \"horizontal\"\n```\n\n### `tooltip-show`\n\n是否显示提示框组件，包括提示框浮层和 axisPointer。\n\n### `series-center-w`\n\n雷达图的中心（圆心）横坐标相对于容器宽度的百分比。用于定位雷达图展示的位置。\n\n### `series-center-h`\n\n雷达图的中心（圆心）纵坐标相对于容器高度的百分比.\n\n### `series-radius`\n\n雷达图的半径可以使用百分比'10%','20%',也可以使用像素'50','60'。控制雷达图的大小。\n示例:\n\n```text\nseries-radius = '40%'\nor\nseries-radius = '50'\n```\n\n### `tooltip-formatter`\n\n提示框浮层内容。\n\n所有dot支持的模板{{=it.name}}\n`<br/>`换行,{a}系列名称\n提示框显示内容都采用dot语法来构造，回调对象返回了\nseriesName:string,系列名称\nvalue:number[],每个指示器当前的数值与name通过索引对应\nname:[{name:string,max:number},..]，指示器的配置项．\n示例\n\n传入字符串模板示例:\n\n```html\n<fd-wh000019 tooltip-formatter='{a}<br/>{{~it.name:v:i}}{{=v.name}}:{{=it.value[i]}}<br/>{{~}}'></fd-wh000019>\n```\n\n### `show-label`\n\n是否显示标签，当组件上存在该属性时显示标签。\n\n### `label-formatter`\n\n标签的字符串模板，可选。\n\n```doc\n字符串模板 模板变量有：\n\n{a}：系列名。\n{b}：数据名。\n{c}：数据值。\n{d}：数据值的百分比数。\n\n所有dot支持的模板{{=it.name}}\n\\n换行\n```\n\n示例:\n\n```html\n<fd-wh000019 label-formatter=\"{a} \\n {c} \\n {{=it.name}} \\n {{=it.percent}} %\" />\n```\n\n### `indicator-formatter`\n\n指示器字符串模板．\n\n```doc\n{b}:指示器名称\n{c}：指示器数值\n{d}: 指示器所占的百分比数\n\n所有dot支持的模板{{=it.name}}\n\\n换行\n```\n\n示例:\n\n```html\n<fd-wh000019 indicator-formatter=\"{b} \\n {d}% \\n {{=it.name}} \\n {{=it.percent}} %\" />\n```\n\n### `background-color`\n\n控件的背景色,设置了该属性就一定要传值,不适用就删除该属性.\n\n```html\n<fd-wh000019 background-color='red' />\n```\n\n### `series-icon`\n\n图例标记的icon,提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'.\n\n```html\n<fd-wh000019 series-icon='circle' />\n```\n\n### `series-item-gap`\n\n图例标记之间的距离\n\n```html\n<fd-wh000019 series-item-gap='20' />\n```\n\n### `keep-point`\n\n保留的小数位数\n\n```html\n<fd-wh000019 keep-point='2' />\n```\n\n### `axisLine-color`\n\n轴线的颜色\n\n```html\n<fd-wh000019 axisLine-color='red' />\n```\n\n### `indicator-text-color`\n\n指示器文本的颜色\n\n```html\n<fd-wh000019 indicator-text-color='red' />\n```\n\n### `indicator-hidden`\n\n隐藏指示器名称\n\n```html\n<fd-wh000019 indicator-hidden />\n```\n\n### `series-shape`\n\n雷达图类型，'polygon' 和 'circle'。矩形与圆形．\n\n```html\n<fd-wh000019 series-shape'polygon' />\n```\n\n### `splitLine-color`\n\n轴之间的分割线的颜色\n\n```html\n<fd-wh000019 splitLine-color＝'red' />\n```\n\n### `split-number`\n\n指示器轴的分割段数\n\n```html\n<fd-wh000019 split-number＝'４' />\n```\n\n### `title-hidden`\n\n隐藏标题\n\n```html\n<fd-wh000019 title-hidden />\n```\n\n### `title-text`\n\n文本标题,设置该属性则显示该属性的值，不设置则显示计算的值．\n\n```html\n<fd-wh000019 title-text='666' />\n```\n\n### `symbol-size`\n\n拐点的大小\n\n```html\n<fd-wh000019 symbol-size＝'20' />\n```\n\n### `area-color`\n\n区域填充颜色\n\n```html\n<fd-wh000019 area-color＝'red' />\n```\n\n### `title-fontsize`\n\n主题文本的字体大小\n\n```html\n<fd-wh000019 title-fontsize＝'15' />\n```\n\n### `title-left`\n\n控件内文本标题距离控件左侧边的距离,可以设置成百分比数，像素px\n\n```html\n<fd-wh000019 title-x＝'50%' />\n```\n\n### `title-top`\n\n控件内文本标题距离顶部的距离,可以设置成百分比数，像素px\n\n```html\n<fd-wh000019 title-y＝'50%' />\n```\n\n## Methods\n\n### `setAttribute`\n\n`设置控件属性值`\n\n以下属性的改变控件会发生改变\n\n> `value`    渲染图表的数据。\n\n```ts\nwidget_node.setAttribute('value', '[{\"name\":\"北京\",\"value\":[267,216,280,4.8,108,64]},{\"name\":\"上海\",\"value\":[222,155,126,4.8,55,64]}]')\n```\n\n### `get_data_url`\n\n> 无参数，返回一个 base64 的 URL，可以设置为Image的src。\n\n导出图表图片\n\n```html\n<button id=\"fd-wh000019-002\">get_img</button>\n<img id=\"fd-wh000019-003\" src=\"\" />\n<fd-wh000019 id=\"fd-wh000019-001\" style=\"width: 40em;height: 20em;\" theme=\"dark\" tooltip-formatter=\"{d}\" series-icon='circle'\n\t\tseries-center-w='50%' series-center-h='50%' label-formatter='{a}\\n{c}' legend-position='5' series-item-gap='20'\n\t\tin_formatter='{a}:{b}:{c}' show-label legend-orient='horizontal' keep-point='2' series-shape='polygon'\n\t\taxisLine-color='rgba(238, 197, 102, 0.5)' indicator-text-color='rgb(238, 197, 102)' series-radius='70%'\n\t\tsymbol-size='10' title-text='' split-number='4' splitLine-color='rgba(238, 197, 102, 0.5)' area-color='pink'\n\t\tseries-indicator='[{\"name\":\"完好率\",\"max\":300},{\"name\":\"节电率\",\"max\":250},{\"name\":\"负载率\",\"max\":300},{\"name\":\"功能性\",\"max\":5},{\"name\":\"舒适度\",\"max\":200},{\"name\":\"能效比\",\"max\":100}]'\n\t\tvalue='[{\"name\":\"北京\",\"value\":[267,216,280,4.8,108,64]},{\"name\":\"上海\",\"value\":[222,155,126,4.8,55,64]}]'>\n</fd-wh000019>\n```\n\n```javascript\nconst fd_wh000019_001 = document.querySelector('#fd-wh000019-001');\nconst fd_wh000019_002 = document.querySelector('#fd-wh000019-002');\nconst fd_wh000019_003 = document.querySelector('#fd-wh000019-003');\n\nfd_wh000019_002.addEventListener('click', () => {\n    const src = fd_wh000019_001.get_data_url();\n    fd_wh000019_003.src = src;\n});\n```\n\n## Events\n\n### feidao-web事件绑定示例\n\n```html\n<fd-wh000019 data-feidao-actions=\"fdwe-click:a001\"  theme=\"dark\" tooltip-formatter=\"{d}\" series-icon='circle'\n\t\tseries-center-w='50%' series-center-h='50%' label-formatter='{a}\\n{c}' legend-position='5' series-item-gap='20'\n\t\tin_formatter='{a}:{b}:{c}' show-label legend-orient='horizontal' keep-point='2' series-shape='polygon'\n\t\taxisLine-color='rgba(238, 197, 102, 0.5)' indicator-text-color='rgb(238, 197, 102)' series-radius='70%'\n\t\tsymbol-size='10' title-text='' split-number='4' splitLine-color='rgba(238, 197, 102, 0.5)' area-color='pink'\n\t\tseries-indicator='[{\"name\":\"完好率\",\"max\":300},{\"name\":\"节电率\",\"max\":250},{\"name\":\"负载率\",\"max\":300},{\"name\":\"功能性\",\"max\":5},{\"name\":\"舒适度\",\"max\":200},{\"name\":\"能效比\",\"max\":100}]'\n\t\tvalue='[{\"name\":\"北京\",\"value\":[267,216,280,4.8,108,64]},{\"name\":\"上海\",\"value\":[222,155,126,4.8,55,64]}]'>\n</fd-wh000019>\n```\n\n### `fdwe-click`\n\n点击事件,返回点击节点的Event，可以通过 name 和 value 属性，分别获得点击项名称和值\n\n```html\n<fd-wh000019 id=\"fd-wh000019-004\" style=\"width: 40em;height: 20em;\" theme=\"dark\"\n\t\ttooltip-formatter=\"{a}<br/>{{~it.name:v:i}}{{=v.name}}:{{=it.value[i]}}<br/>{{~}}\" series-icon='circle'\n\t\tseries-center-w='50%' series-center-h='50%' label-formatter='{a}\\n{c}' legend-position='5' series-item-gap='20'\n\t\tshow-label legend-orient='horizontal' keep-point='2' series-shape='polygon'\n\t\tindicator-formatter='{b}\\n{c}aa{{=it.percent*100}}aa\\n{d}%' axisLine-color='rgba(238, 197, 102, 0.5)'\n\t\tindicator-text-color='rgb(238, 197, 102)' series-radius='70%' symbol-size='10' title-text='' split-number='4'\n\t\tsplitLine-color='rgba(238, 197, 102, 0.5)' area-color='pink'\n\t\tseries-indicator='[{\"name\":\"完好率\",\"max\":300},{\"name\":\"节电率\",\"max\":250},{\"name\":\"负载率\",\"max\":300},{\"name\":\"功能性\",\"max\":5},{\"name\":\"舒适度\",\"max\":200},{\"name\":\"能效比\",\"max\":100}]'\n\t\tvalue='[{\"name\":\"北京\",\"value\":[267,216,280,4.8,108,64]},{\"name\":\"上海\",\"value\":[222,155,126,4.8,55,64]}]'>\n</fd-wh000019>\n```\n\n```javascript\nconst fd_wh000019_004 = document.querySelector('#fd-wh000019-004');\n\nfd_wh000019_004.addEventListener('fdwe-click', (e) => {\n    console.log('---------- click -------', e.name, e.value);\n});\n```\n\n## Example\n\n### html\n\n```html\n<img id=\"fd-wh000019-006\" scr=\"\"/>\n<button id=\"fd-wh000019-007\">get_img</button>\n<button id=\"fd-wh000019-008\">change_data</button>\n<fd-wh000019 id=\"fd-wh000019-005\" style=\"width: 400px;height: 200px;\" theme=\"dark\" tooltip-formatter=\"{a}</br>{b}\" series-icon='circle'\n\t\tseries-center-w='50%' series-center-h='50%' label-formatter='{a}\\n{c}' legend-position='5' series-item-gap='20'\n\t\tshow-label legend-orient='horizontal' keep-point='2' series-shape='polygon'\n\t\tindicator-formatter='{b}\\n{c}aa{{=it.percent*100}}aa\\n{d}%' axisLine-color='rgba(238, 197, 102, 0.5)'\n\t\tindicator-text-color='rgb(238, 197, 102)' series-radius='70%' symbol-size='10' title-text='' split-number='4'\n\t\tsplitLine-color='rgba(238, 197, 102, 0.5)' area-color='pink' title-x='50' title-y='50'\n\t\tseries-indicator='[{\"name\":\"完好率\",\"max\":300},{\"name\":\"节电率\",\"max\":250},{\"name\":\"负载率\",\"max\":300},{\"name\":\"功能性\",\"max\":5},{\"name\":\"舒适度\",\"max\":200},{\"name\":\"能效比\",\"max\":100}]'\n\t\tvalue='[{\"name\":\"北京\",\"value\":[267,216,280,4.8,108,64]},{\"name\":\"上海\",\"value\":[222,155,126,4.8,55,64]}]'>\n\t</fd-wh000019>\n</fd-wh000019>\n```\n\n### js\n\n```javascript\nconst fd_wh000019_005 = document.querySelector('#fd-wh000019-005');\nconst fd_wh000019_007 = document.querySelector('#fd-wh000019-007');\nconst fd_wh000019_006 = document.querySelector('#fd-wh000019-006');\nconst fd_wh000019_008 = document.querySelector('#fd-wh000019-008');\n\nfd_wh000019_005.addEventListener('fdwe-click', (e) => {\n    console.log('---------- click -------', e.name, e.value);\n});\nfd_wh000019_007.addEventListener('click', () => {\n    const src = fd_wh000019_005.get_data_url();\n    fd_wh000019_006.src = src;\n});\nfd_wh000019_008.addEventListener('click', () => {\n    fd_wh000019_005.setAttribute('value', '[{\"name\":\"北京\",\"value\":[267,216,280,4.8,108,64]},{\"name\":\"上海\",\"value\":[222,155,126,4.8,55,64]}]');\n});\n\n```\n","readmeFilename":"readme.md"}