{"name":"@antv/wx-f2","version":"2.1.1","description":"F2 for weixin mini-program","main":"dist/index.js","scripts":{"build":"npm run clean && rollup -c && npm run cp","cp":"node ./scripts/cp.js","clean":"rm -rf dist","lint":"eslint ./src --ext .js"},"miniprogram":"dist","dependencies":{"@antv/f2":"~3.7.0"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^6.1.0","eslint":"^6.8.0","eslint-config-egg":"^8.0.0","fs-extra":"^8.1.0","rollup":"^1.28.0"},"repository":{"type":"git","url":"git+https://github.com/antvis/wx-f2.git"},"author":{"name":"sima.zhang1990@gmail.com"},"license":"MIT","gitHead":"348430d66c99f971ff71ea1bfedac4ee2f335d39","bugs":{"url":"https://github.com/antvis/wx-f2/issues"},"homepage":"https://github.com/antvis/wx-f2#readme","_id":"@antv/wx-f2@2.1.1","_nodeVersion":"12.14.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-15S+Fz9NYFpZvXHaOM65lcNWEpsx7SmIyDDGMDZ0/beNW2T4DkxBdJwVLjE/SBIZc7kbQKJsC8n2p4HLbHcJYg==","shasum":"58831e91775c8280d27cbfa7cb9a64b6332807b2","tarball":"https://registry.npmmirror.com/@antv/wx-f2/-/wx-f2-2.1.1.tgz","fileCount":18,"unpackedSize":464386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfR6sKCRA9TVsSAnZWagAAHfAP/2yAhmtUw6G1p8S4uNs0\nnvUkUhrzLivGnnuBIwevxG7yrKuXUfSSHzICUGT1gFv2yPfgxn5YDUzSvODw\ngtEe2tU08kvTZamL4WlmJoAcVnaKV1aSe3lVrXm4vUp26o9PRkYXe5MgC92/\n8uRbiQurg4o0SV6rGIMMwdHWRkqkv68OgMk+s/huixkp6Uoj5mwMsl48+dM2\nZpGx0BqdrXxIERF0WuSFWF+uki4GCyDxO4s6kiVcw94mwxZSaB1QwjNz3FF3\nCTnizuGViOe3k2EWp4mOZi1qKQT/tFrsglrS+HgW//jJQwXQvKxAgzOaKFkA\n3my0xiJ8hV5e9m4B/sB3NhjDa6N+qyRRqTLKRnN8SB5i6Ew1w82N0STIQRH6\nqBI4hEUR8j6r8C6Sh/CmOP5PWfi+pBDE7VgrvmR+SlkkrVQf+h9Jp7XXkRvW\nZdJcJ6D0a1sMV+C2hKIt6ux3cckH/6lmT4BRluWf73kBKzDtYB7CHLUkRyjG\n2T1DYHI+iVvjYjm47IXHakcRNpH/x0wiTNK7tBQ9deELfN82IBqb0BoGs0r0\nrBxTou/SM1R5pNtqrDqHU1kQ5RVVJaM/sOg4QBBb0btKu/wnXbICJdxGBMEa\nY2sVSgQLKUTp1427JZRGDGInpTDAV0lZ4wfucGE4+nml4d7ABWiJLcHU8ffZ\njdt9\r\n=RoNG\r\n-----END PGP SIGNATURE-----\r\n","size":102492},"maintainers":[{"email":"afc163@gmail.com","name":"afc163"},{"email":"army8735@qq.com","name":"army8735"},{"email":"i@hust.cc","name":"atool"},{"email":"576375879@qq.com","name":"baizn"},{"email":"boyu.zlj@antfin.com","name":"boyu.zlj"},{"email":"bubkoo.wy@gmail.com","name":"bubkoo"},{"email":"ccnuzindex@gmail.com","name":"ccnuzindex"},{"email":"chenluuli@gmail.com","name":"chenluli"},{"email":"dengfuping_develop@163.com","name":"dengfuping"},{"email":"418466938@qq.com","name":"dori"},{"email":"dxq613@gmail.com","name":"dxq613"},{"email":"yilin.qyl@antfin.com","name":"elaine.q.10"},{"email":"yuanjiefeng@gmail.com","name":"jeffy2012"},{"email":"xinming002@gmail.com","name":"kasmine"},{"email":"wyy460342010@gmail.com","name":"kopiluwaky"},{"email":"lliudongqi@gmail.com","name":"l1ud0ngq1"},{"email":"leungwensen@gmail.com","name":"leungwensen"},{"email":"120635640@qq.com","name":"lzxue"},{"email":"neoddish@outlook.com","name":"neoddish"},{"email":"vectorse@126.com","name":"newbyvector"},{"email":"pyqiverson@gmail.com","name":"panyuqi"},{"email":"czynwu@gmail.com","name":"pomelo-nwu"},{"email":"360965398@qq.com","name":"sakuya223"},{"email":"sima.zhang1990@gmail.com","name":"simaq"},{"email":"wanyingxing@gmail.com","name":"winniexing"},{"email":"747042796@qq.com","name":"wufenfen92"},{"email":"yezengyue@gmail.com","name":"zengyue"},{"email":"zqlu.cn@gmail.com","name":"zqlu"}],"_npmUser":{"name":"zengyue","email":"yezengyue@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/wx-f2_2.1.1_1598532362034_0.8613948695696865"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2021-12-26T01:44:53.716Z","readme":"# F2 微信小程序\n\nF2 的微信小程序版本,支持原生 [F2](https://f2.antv.vision/) 的所有功能,欢迎使用反馈。\n\n## 快速体验\n\n- 微信扫码体验\n\n![](https://gw.alipayobjects.com/zos/rmsportal/wmRJtPHkkoimGbPCeScc.jpg#align=left&display=inline&height=344&originHeight=344&originWidth=344&status=done&style=none&width=344)\n\n- 使用微信开发者工具打开此项\n\n## 说明\n为了方便使用,我们封装了微信小程序的自定义组件,故需要微信小程序支持使用 npm 安装第三包。
**重要:版本要求**\n\n1. 小程序基础库版本 2.7.0 或以上\n1. 开发者工具 1.02.1808300 或以上开始,小程序支持使用 npm 安装第三方包。\n\n\n## 如何使用\n### 1. 安装依赖\n项目默认初始化出来的是没有`package.json`的,需要新增`package.json`后再安装\n\n```bash\n## 没有package.json时执行下面这段\n## echo \"{}\" > package.json\n\nnpm install @antv/wx-f2 --save\n```\n\n安装好依赖包之后,点击工具顶部菜单栏的详情:\n\n![](https://gw.alipayobjects.com/zos/rmsportal/sAYeeUhRjrchjvJONsvp.png#align=left&display=inline&height=314&originHeight=314&originWidth=582&status=done&style=none&width=582)\n\n勾选“使用 npm 模块”选项:\n\n![](https://gw.alipayobjects.com/zos/rmsportal/NLCSaOYDPNQVaIAZBoiC.png#align=left&display=inline&height=1596&originHeight=1596&originWidth=1054&status=done&style=none&width=1054)\n\n最后点击开发者工具中的菜单栏:工具 --> 构建 npm 即可运行。\n\n![](https://gw.alipayobjects.com/zos/rmsportal/kORAowbzpNioXseBQoxC.png#align=left&display=inline&height=746&originHeight=746&originWidth=392&status=done&style=none&width=392)\n\n如果碰到 **@babel/runtime 未找到npm包入口文件**,直接忽略就行了,不影响使用(强迫症碍眼的话,手动删除`node_modules/@babel/runtime`目录)\n```bash\nrm -rf node_modules/@babel/runtime\n```\n![](https://gw.alipayobjects.com/zos/finxbff/compress-tinypng/8997fffd-f9e4-45e4-b773-45f85e33f2f2.jpg)\n\n### 2. 使用自定义组件\n#### 1. 打开json文件,引入组件\n```json\n{\n \"usingComponents\": {\n \"f2\": \"@antv/wx-f2\"\n }\n}\n```\n\n#### 2. wxml 使用组件\n```xml\n\n \n\n```\n\n#### 3. wxss 设置宽高\n```css\n.f2-chart {\n width: 100%;\n height: 500rpx;\n}\n```\n\n#### 4. 实例化图表\n```js\nPage({\n data: {\n onInitChart(F2, config) {\n const chart = new F2.Chart(config);\n const data = [\n { value: 63.4, city: 'New York', date: '2011-10-01' },\n { value: 62.7, city: 'Alaska', date: '2011-10-01' },\n { value: 72.2, city: 'Austin', date: '2011-10-01' },\n { value: 58, city: 'New York', date: '2011-10-02' },\n { value: 59.9, city: 'Alaska', date: '2011-10-02' },\n { value: 67.7, city: 'Austin', date: '2011-10-02' },\n { value: 53.3, city: 'New York', date: '2011-10-03' },\n { value: 59.1, city: 'Alaska', date: '2011-10-03' },\n { value: 69.4, city: 'Austin', date: '2011-10-03' },\n ];\n chart.source(data, {\n date: {\n range: [0, 1],\n type: 'timeCat',\n mask: 'MM-DD'\n },\n value: {\n max: 300,\n tickCount: 4\n }\n });\n chart.area().position('date*value').color('city').adjust('stack');\n chart.line().position('date*value').color('city').adjust('stack');\n chart.render();\n // 注意:需要把chart return 出来\n return chart;\n }\n },\n});\n```\n\n## API\n\n- F2 API 参见:[https://f2.antv.vision/zh/docs/api/f2](https://f2.antv.vision/zh/docs/api/f2)\n\n## 如何贡献\n\n如果您在使用的过程中碰到问题,可以先通过 [issues](https://github.com/antvis/wx-f2/issues) 看看有没有类似的 bug 或者建议。\n\n## License\n\n[MIT license](https://github.com/antvis/wx-f2/blob/master/LICENSE)\n"}