{"_id":"@dfeidao/fd-wh000005","_rev":"6-3d2100ca4d8de19ae29744535b9a8758","name":"@dfeidao/fd-wh000005","dist-tags":{"dev":"4.6.201905210952","latest":"4.6.201908161524"},"versions":{"4.6.201905201413":{"name":"@dfeidao/fd-wh000005","version":"4.6.201905201413","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":"taoqf","email":"tao_qiufeng@126.com","url":"http://www.01feidao.com/"},"maintainers":[{"name":"mashizhen","email":"mashizhen123@dingtalk.com"},{"name":"taoqf","email":"tao_qiufeng@126.com"}],"license":"MIT","peerDependencies":{},"dependencies":{"@dfeidao/core":"^4.6.201904301027","echarts":"^4.2.1"},"devDependencies":{"@types/echarts":"^4.1.9"},"_id":"@dfeidao/fd-wh000005@4.6.201905201413","_nodeVersion":"12.2.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-CkDOgc1tTAJ5Uki48IWZcfeI8ICOEBiWl3MX+B5/ovH6KHLWKmYUE2HcjVd3TeNdM0tiSapoSAkfKGPvLUWzQw==","shasum":"7c96f68d17d7c3ce9eca3d94c22f35d38abaaf11","tarball":"https://registry.npmjs.org/@dfeidao/fd-wh000005/-/fd-wh000005-4.6.201905201413.tgz","fileCount":5,"unpackedSize":19530,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc4kWcCRA9TVsSAnZWagAAd54P+wUEh9Z5wpxXO9jUV6B+\nTLSkbkI5R2//2DGA73f7YzU1XVL+2dGjzBTWCloBtJW6OgOdqL/n9egF2081\nXDOYH5Qxs8oN6ss+qzohQABKlqTCuFfNkC5/3qJcOhCjr2rvJ+P+3rIZ0dUD\nBEHycz6lMSRvzRu3knsxIqqbNLmX4beQQ1zeuZsw4L2w4keDCcz025SZY3ve\nsN8KJpmmeAxuTksn1/P0cGXEOQCPWWgub+spbauts9xIsbI+0JDXP2Gn+gvj\nMdGzV1shbmFwZfEGGrwCszzszWEI2h7DBMd6U0lTrz1dtGcj/bKWN00CCN08\n7bz2mmYr5i5VF3og8k5fchbAPKvs0PHE+wlnYiM/dG5P6ljU+DB8aMPTZhRL\nCDEadDy1EBjRC/qCzyfK6TavNmVQYDdtyb2JwHoVWSy90ezFY/vu6SmSLyzI\n70HjNGq/0cGxNaQ3TExcUUrF/ZJ6wLefpF+D9VwOC22+zruM+w8/yB49IKNG\n+AbizPd98eVNEOxl9fN8GpT8xj+rZk0f8g12IslPGx8E/Nw6K0V6coxuiWy6\nWlrk83Cv4p87n98XGFYOlqUZQBDmd3bNDEwCRw8LTP7gGT93p+KYj7YagsxQ\nJwyoOQVpcW5oCAEBI+y3i7NfvoadotBEl7XlS9ZLQrSNazN47sDPPI4Z/8Gm\n+qXk\r\n=tBEl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCUGyKz+G2wJ7AvjvPhw7wZZtzAG4hdGRfESQAslHSwuAIhAOuie7iTB169ac40+eaqY+MHzn4fUpxB5cY6qZe8rNJv"}]},"_npmUser":{"name":"taoqf","email":"tao_qiufeng@126.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fd-wh000005_4.6.201905201413_1558332827816_0.07966050098281396"},"_hasShrinkwrap":false},"4.6.201905210952":{"name":"@dfeidao/fd-wh000005","version":"4.6.201905210952","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":"taoqf","email":"tao_qiufeng@126.com","url":"http://www.01feidao.com/"},"maintainers":[{"name":"mashizhen","email":"mashizhen123@dingtalk.com"},{"name":"taoqf","email":"tao_qiufeng@126.com"}],"license":"MIT","peerDependencies":{},"dependencies":{"@dfeidao/core":"4.6.201904301027","echarts":"4.2.1"},"devDependencies":{"@types/echarts":"^4.1.9"},"readme":"# 饼图\n\n<https://dfeidao.gitee.io/widgets/>\n\n## Installation\n\n```sh\nyarn add --dev @dfeidao/fd-wh000005\n```\n","readmeFilename":"readme.md","_id":"@dfeidao/fd-wh000005@4.6.201905210952","_nodeVersion":"12.2.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-s9hIQ9vvQTGgXvHoFUukKftYaAzNUOj0OLGoLhqgAPU17+ViKgsK7pmlGjlQo/k5IoJUnhUsOoEgekMCO1KEuA==","shasum":"ea1ac1e2e2cc3d364697e146f567f6b6f36225e3","tarball":"https://registry.npmjs.org/@dfeidao/fd-wh000005/-/fd-wh000005-4.6.201905210952.tgz","fileCount":5,"unpackedSize":19528,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc41nbCRA9TVsSAnZWagAAh2EP/06vN4KwCQCmgHk76b6t\ntRkRFJgd8+b6YZ5BDMaha3a6gvHM8qGT4Ht+OEibNwGz7845rm+JJ5wbFHCs\nLR8AHFrYc2Fj7CozbrrCJqcy55vpMImOkPC7pPpmKLZpvBsq3q7OIIsZJc6o\nYka3viCsM59ajIOuGZ8IyK5TZlAYXdWAJBF/G2M0cangOEb25Yjq0kifrCyB\n16LYf/7suHpl8T1nylslp2P98biowbbbbrvbTfSGk/uIvLY90aHmTZ/5d2Yi\nvZ8Z5gmBp3yGK0hzAzrv822Yi5Yj8IghMLIG3OAD3IRVTcSB7pT2dPl8ejBi\ndONYalWUZxbS8vx0XMLY1GgO1BZYto8UAgZjpP7cyjNOW82WaEj1f4BT+7+b\nevCGQ7CfZtYbKoGN5man2fVz+fFWPzIpiWZQrh1RMnEmzqchMZrx1w+S9fjK\nNrTAo5WBh2ERm6BRiEEWMHCt9wmpyNa4OO5ES7n6WziE2BxfZD6vydPGQ4MX\n0uiqZDknOBgsV+bATXVe5WDlK+foUeUkzetlQ5Plq7MomJbczMEOzFj8iBDM\n2IB7ZZ6WA71bhKP4qXhBnUUJ4IThynrXjIJ2GFCKJqrkrGIPF99uEYBUrnLT\n2AohKb965ve2YQYXjRb1YbNGidDpnPJpeeKHeWK7NIvMCwzEI697uMqF5rRT\nI9Iy\r\n=Q47z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHCKQIwRSnsXvR0tcgDvqzTjyEck13cDMKSt+0/atYLNAiEAziXnf1LB+B20GmoDhhGPW8BZapxshjF+xeltV6gJUy8="}]},"_npmUser":{"name":"taoqf","email":"tao_qiufeng@126.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fd-wh000005_4.6.201905210952_1558403546790_0.053484669077122016"},"_hasShrinkwrap":false},"4.6.201907081152":{"name":"@dfeidao/fd-wh000005","version":"4.6.201907081152","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":"taoqf","email":"tao_qiufeng@126.com","url":"http://www.01feidao.com/"},"maintainers":[{"email":"tao_qiufeng@126.com","name":"taoqf"}],"license":"MIT","peerDependencies":{},"dependencies":{"@dfeidao/core":"4.6.201904301027","echarts":"4.2.1"},"devDependencies":{"@types/echarts":"^4.1.9"},"_id":"@dfeidao/fd-wh000005@4.6.201907081152","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-O/sZ2Fh+ABJoxG0/V+AK0XBGcL64uGcOjZ9sRJo0FfskhOzYhObC3IFgSGee8AsDmAKt11J1qhQ/8vbhDSnNFA==","shasum":"2d5ac77bf16020baa646de10bd7475a044b8186d","tarball":"https://registry.npmjs.org/@dfeidao/fd-wh000005/-/fd-wh000005-4.6.201907081152.tgz","fileCount":6,"unpackedSize":19836,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdIr4GCRA9TVsSAnZWagAAXsoP/j3ulLxIC3U79ozTgHjy\nShdOkwEusRBVS2aEbi3tzDGJvitLK1ij15+iThhaugwkM1nxM9G9yBPiFJa5\n6qldmqyBmEcGuUxFbnV5V1PR1Sh6usO6+K6R6FFwzbWdmXxwgktaY0heAmL6\nx7f9PxIHMBngKY9RYSP28r5mh9/j9naI5SMZ67DKqPngB/SRmXToRoCzvfex\nBS9NqhacHji+S6V4Refk8cR0Aci6qUJL4/lH7vQalqn/bTQ/6pvHDt3H/IyM\nTiGVT8uHmTm0pUpf0hbJl8ac3dgL+1339M9Thxv/8Ka8tlytZ5VcT4kkn5m0\nbXn6/ae9BA8lnYJPwUfAQnjoWMbPrKCO7BdE3WjWp1yaDm3iDVmgg86otIg9\nJHzaFH3eT/lC7m3w4Y8+511pjs1QEU8QUpumTvS7MkBD6e5qxYRu9uOzgyiB\nSnvLPkjPzvYF6z/VQpu5WyPRcjUyfVeGVj+sw2OCGV97gmRdMhmWXWPJrJC1\noehWSSCyMY/O7NmvA/rTzpGC9hn9DlmkPPydR7cIKZbScCO6iCyTYAOnVmG5\nQSRZj79ZsfWLktkqshiyv3GY8faVQyXF8N205/zwl2oMw/qgNGSRClRAeWuY\nReYk1e5Uk2fGlLrGYxqYOT34Zgx3/BiuxrcJSeqvu9SEu4014rRbYSZaQKeS\njwMp\r\n=BEpw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICmWXEYMsljMHcHsNvjfOUr5biXkP+jv9kuc02gIjoMZAiEAyTAMvdk++1lJiFGViVwAS1DPTA3Cche9GOIanPOad/o="}]},"_npmUser":{"name":"taoqf","email":"tao_qiufeng@126.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fd-wh000005_4.6.201907081152_1562557957830_0.9969811390728323"},"_hasShrinkwrap":false},"4.6.201908161524":{"name":"@dfeidao/fd-wh000005","version":"4.6.201908161524","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":"taoqf","email":"tao_qiufeng@126.com","url":"http://www.01feidao.com/"},"maintainers":[{"email":"tao_qiufeng@126.com","name":"taoqf"}],"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-wh000005@4.6.201908161524","_nodeVersion":"12.8.0","_npmVersion":"6.10.2","dist":{"integrity":"sha512-YpWbxXKiGE1CVg9fjZPDzVi7fODptZ8K5TlUIuF/0vryZ8svc/aD24AhzTeWiGmS0Eak+/RQuv79V9RysDoz+Q==","shasum":"86211ce13529113dca78352d70b544997a275556","tarball":"https://registry.npmjs.org/@dfeidao/fd-wh000005/-/fd-wh000005-4.6.201908161524.tgz","fileCount":6,"unpackedSize":29949,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdVlpOCRA9TVsSAnZWagAA5mwP/1gDiTsse80IjlXLwGPa\nm+e/x7xsSqJWhAqSEL1kba6KNBVjdDl5PdjvRlo4gdphbC5LqfslTwQ3zqMu\n/leJYlfnuwJQzFIAU8uS9WFGMOOPca19akAjg8q3VG2Xx6DdNY9X5k8UCxDV\nVM2PEPxqMCLAf1+wGFICCZAPx8kITKyzmUnxTKeuI2BS0xkNnawMEVfHZCHQ\nJiIsXv57dd+VWf6xujyTxZ/7el6z83A/Cn/GmVZWFmq2PBAtrsVLSFHyG1dI\n0GdRuUry5dF9TcXSxM/NWl5+UrL9BvpLXY/lOpzGegY+QB5Yz85e1gTWb+EW\nrEqOXkZCM51ZGHu4Rodm5MFDKm8hJ5CghFibXcKWdJ9/VEUseOrzOV3czRaJ\nM+r+QRnH64DQGtTxSx0Dq9dtty+GEARkjJIrs8jGtyim7+yJrdQtYJ75h62u\njVXkeo2mS+xFg6XTzKdEyfDD5Eaix4YOKxKr4LQ0bjq875AnpmH79aLhyR9m\neF4kZxS4mZ6DD+pmVHr5xKALF/eA2Juh9TFDBK5YsRwKh8mFy3hEBG3ptIdy\nsYkE3L/HkSYCy/r63w5LvijC1xpRMMV01cwvqy9KlKoNSJkPVvOUApHecDBM\nADyhhbEPinQPJ5MXUQrJeKFKekoMD6vXHApUjHr7p/FNCoDjqUiO5BG2hkni\nUwkr\r\n=07rE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHrbr3FgpVNCrYP46r27/FEvn+9j5FzY3tA6iIDQs0S5AiEA+H7Zv0aF8Ps1bz3SfOW7uyaBZTUgCyRHJBhxXbSK734="}]},"_npmUser":{"name":"taoqf","email":"tao_qiufeng@126.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fd-wh000005_4.6.201908161524_1565940301914_0.9994516140128396"},"_hasShrinkwrap":false}},"time":{"created":"2019-05-20T06:13:47.640Z","4.6.201905201413":"2019-05-20T06:13:47.984Z","modified":"2022-04-05T04:16:38.179Z","4.6.201905210952":"2019-05-21T01:52:27.004Z","4.6.201907081152":"2019-07-08T03:52:37.978Z","4.6.201908161524":"2019-08-16T07:25:02.093Z"},"maintainers":[{"email":"tao_qiufeng@126.com","name":"taoqf"}],"description":"饼图","keywords":["feidao","01feidao","dfeidao","atom","飞道","控件","ai"],"repository":{"type":"git","url":"https://gitee.com/dfeidao/widgets"},"author":{"name":"taoqf","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- [`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-name`](#series-name)\n\t- [`series-rose`](#series-rose)\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-position`](#label-position)\n\t- [`label-formatter`](#label-formatter)\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-wh000005\n```\n\n## Tag\n\n> value 属性是必传的, 控件的宽高必须设定\n\n```html\n<fd-wh000005></fd-wh000005>\n```\n\n## Attributes\n\n### `value`\n\n渲染饼图的数据\n\n例:\n\n```html\n <fd-wh000005 style=\"width: 40em;height: 20em;\" value='[{\"name\": \"直接访问\",\"value\": 335},{\"name\": \"邮件营销\",\"value\": 810},{\"name\": \"联盟广告\",\"value\": 600},{\"name\": \"视频广告\",\"value\": 222},{\"name\": \"搜索引擎\",\"value\": 1548}]'></fd-wh000005>\n```\n\n### `theme`\n\n饼图的主题，可选值为'dark','infographic','macarons','roma','shine','vintage'。默认为 'infographic' 。\n示例:\n\n```text\ntheme = \"macarons\"\n```\n\n### `legend-type`\n\n图例的类型。可选值：'plain'：普通图例。'scroll'：可滚动翻页的图例。当图例数量较多时可以使用。默认值为'plain' \n示例:\n\n```text\nlegend-type = \"scroll\"\n```\n\n### `legend-hide`\n\n是否隐藏图例组件。图例默认是显示的，如果设置了该属性则图例隐藏。( true )\n\n```html\n<fd-wh000005 legend-hide></fd-wh000005>\n```\n\n### `lengend-number`\n\n图例显示对应项的数值。\n\n```html\n<fd-wh000005 lengend-number></fd-wh000005>\n```\n\n### `legend-position`\n\n图例组件在容器中显示的位置，可选值为'1', '2', '3', '4'，分别对应 '左上角', '右上角', '右下角', '左下角'。默认值为 '1'\n示例\n\n```text\nlegend-position = \"2\"\n```\n\n### `legend-orient`\n\n图例列表的布局朝向。可选值为'horizontal' 水平，'vertical' 垂直。默认值为'vertical'\n示例\n\n```text\nlegend-orient = \"horizontal\"\n```\n\n### `tooltip-show`\n\n是否显示提示框组件，包括提示框浮层和 axisPointer。默认值为true\n\n### `series-name`\n\n系列名称，用于tooltip的显示，legend 的图例筛选，在 setOption 更新数据和配置项时用于指定对应的系列。[default: '' ]\n示例\n\n```text\nseries-name = \"xx\"\n```\n\n### `series-rose`\n\n是否展示成南丁格尔图，通过半径区分数据大小。只要组件具有该属性则展示成南丁格尔图[ default: false ]\n\n### `series-center-w`\n\n饼图的中心（圆心）横坐标相对于容器宽度的百分比。用于定位饼图展示的位置。[ default: '50%']\n\n### `series-center-h`\n\n饼图的中心（圆心）纵坐标相对于容器高度的百分比。[ default: '50%']\n\n### `series-radius`\n\n饼图的半径可以使用百分比'10%','20%',也可以使用像素'50','60'。控制饼图的大小。[ default: '60%']\n示例:\n\n```text\nseries-radius = \"40%\"\nor\nseries-radius = \"50\"\n```\n\n### `tooltip-formatter`\n\n提示框浮层内容。可选值为'1', '2', 也可以传入字符串模板。不设置该值则不显示提示框[ default: null]\n\n1. 数据项名称 : 数值 (百分比)\n2. 系列名称 数据项名称 : 数值 (百分比)\n\n所有dot支持的模板{{=it.name}}\n`<br/>`换行\n示例\n\n```html\n<fd-wh000005 tooltip-formatter='1'></fd-wh000005>\n```\n\n```html\n<fd-wh000005 tooltip-formatter='2'></fd-wh000005>\n```\n\n传入字符串模板示例:\n\n```html\n<fd-wh000005 tooltip-formatter='{{=it.name}} {a} <br/>{b} : {c} ({d}%)'></fd-wh000005>\n```\n\n### `show-label`\n\n是否显示标签，当组件上存在该属性时显示标签。\n[ default: false ]\n\n### `label-position`\n\n定位标签显示的位置,可选'outside','inner','center'。对应饼图的，'外侧'，'饼图扇区内部'，'饼图中心' [ default: 'outside' ]\n示例\n\n```text\nlabel-position = \"outside\"\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-wh000005 label-formatter=\"{a} \\n {c} \\n {{=it.name}} \\n {{=it.percent}} %\" />\n```\n\n## Methods\n\n### `setAttribute`\n\n`设置控件属性值`\n\n以下属性的改变控件会发生改变\n\n> `value`    渲染图表的数据。\n\n```ts\nwidget_node.setAttribute('value', '[{\"name\": \"直接访问\",\"value\": 335},{\"name\": \"邮件营销\",\"value\": 810},{\"name\": \"联盟广告\",\"value\": 600},{\"name\": \"视频广告\",\"value\": 222},{\"name\": \"搜索引擎\",\"value\": 1548}]')\n```\n\n### `get_data_url`\n\n> 无参数，返回一个 base64 的 URL，可以设置为Image的src。\n\n导出图表图片\n\n```html\n<button id=\"fd-wh000005-002\">get_img</button>\n<img id=\"fd-wh000005-003\" src=\"\" />\n<fd-wh000005 id=\"fd-wh000005-001\" style=\"width: 40em;height: 20em;\" theme=\"macarons\"  tooltip-formatter=2 series-name='访问来源' lengend-number  value='[{\"name\": \"直接访问\",\"value\": 335},{\"name\": \"邮件营销\",\"value\": 810},{\"name\": \"联盟广告\",\"value\": 600},{\"name\": \"视频广告\",\"value\": 222},{\"name\": \"搜索引擎\",\"value\": 1548}]'>\n</fd-wh000005>\n```\n\n```javascript\nconst fd_wh000005_001 = document.querySelector('#fd-wh000005-001');\nconst fd_wh000005_002 = document.querySelector('#fd-wh000005-002');\nconst fd_wh000005_003 = document.querySelector('#fd-wh000005-003');\n\nfd_wh000005_002.addEventListener('click', () => {\n    const src = fd_wh000005_001.get_data_url();\n    fd_wh000005_003.src = src;\n});\n```\n\n## Events\n\n### feidao-web事件绑定示例\n\n```html\n<fd-wh000005 data-feidao-actions=\"fdwe-click:a001\"  value='[{\"name\": \"直接访问\",\"value\": 335},{\"name\": \"邮件营销\",\"value\": 810},{\"name\": \"联盟广告\",\"value\": 600},{\"name\": \"视频广告\",\"value\": 222},{\"name\": \"搜索引擎\",\"value\": 1548}]'>\n</fd-wh000005>\n```\n\n### `fdwe-click`\n\n点击事件,返回点击节点的Event，可以通过 name 和 value 属性，分别获得点击项名称和值\n\n```html\n<fd-wh000005 id=\"fd-wh000005-004\" style=\"width: 40em;height: 20em;\" theme=\"macarons\"  tooltip-formatter=2 series-name='访问来源' lengend-number  value='[{\"name\": \"直接访问\",\"value\": 335},{\"name\": \"邮件营销\",\"value\": 810},{\"name\": \"联盟广告\",\"value\": 600},{\"name\": \"视频广告\",\"value\": 222},{\"name\": \"搜索引擎\",\"value\": 1548}]'>\n</fd-wh000005>\n```\n\n```javascript\nconst fd_wh000005_004 = document.querySelector('#fd-wh000005-004');\n\nfd_wh000005_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-wh000005-006\" scr=\"\"/>\n<button id=\"fd-wh000005-007\">get_img</button>\n<button id=\"fd-wh000005-008\">change_data</button>\n<fd-wh000005 id=\"fd-wh000005-005\" style=\"width: 400px;height: 200px;\" theme=\"macarons\"  tooltip-formatter=2 series-name='访问来源'\n lengend-number value='[{\"name\": \"直接访问\",\"value\": 335},{\"name\": \"邮件营销\",\"value\": 810},{\"name\": \"联盟广告\",\"value\": 600},{\"name\": \"视频广告\",\"value\": 222},{\"name\": \"搜索引擎\",\"value\": 1548}]'>\n</fd-wh000005>\n```\n\n### js\n\n```javascript\nconst fd_wh000005_005 = document.querySelector('#fd-wh000005-005');\nconst fd_wh000005_007 = document.querySelector('#fd-wh000005-007');\nconst fd_wh000005_006 = document.querySelector('#fd-wh000005-006');\nconst fd_wh000005_008 = document.querySelector('#fd-wh000005-008');\n\nfd_wh000005_005.addEventListener('fdwe-click', (e) => {\n    console.log('---------- click -------', e.name, e.value);\n});\nfd_wh000005_007.addEventListener('click', () => {\n    const src = fd_wh000005_005.get_data_url();\n    fd_wh000005_006.src = src;\n});\nfd_wh000005_008.addEventListener('click', () => {\n    fd_wh000005_005.setAttribute('value', '[{\"name\": \"2直接访问\",\"value\": 164},{\"name\": \"2邮件营销\",\"value\": 321},{\"name\": \"2联盟广告\",\"value\": 185},{\"name\": \"2视频广告\",\"value\": 22},{\"name\": \"2搜索引擎\",\"value\": 223}]');\n});\n\n```\n","readmeFilename":"readme.md"}