{"_id":"@ahwecharts/bar-stacked","_rev":"1-e7dfa119f2a634b6d82e52961249b093","name":"@ahwecharts/bar-stacked","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@ahwecharts/bar-stacked","version":"1.0.0","description":"echarts bar stacked component","main":"lib/cjs/index.js","module":"lib/esm/index.js","repository":{"type":"git","url":"git+https://github.com/ybuiw/echarts.git"},"keywords":["react","react-echarts","echarts bar stacked","ahwui echarts bar stacked"],"publishConfig":{"access":"public"},"author":{"name":"uub"},"license":"MIT","devDependencies":{"@types/react":"^17.0.0","@types/react-dom":"^17.0.0","react":"^17.0.1","react-dom":"^17.0.1"},"dependencies":{"echarts":"^5.0.2"},"gitHead":"82dc935c03801094d46cf3457635aeaafb692e04","bugs":{"url":"https://github.com/ybuiw/echarts/issues"},"homepage":"https://github.com/ybuiw/echarts#readme","_id":"@ahwecharts/bar-stacked@1.0.0","_nodeVersion":"14.15.3","_npmVersion":"lerna/3.22.1/node@v14.15.3+x64 (darwin)","dist":{"integrity":"sha512-IW4ttPuxzBgdewpXXsDFdLIwSeD4eBdsHis6KU0RNTG9QvpVzbymx3y6oNYxsd8EEKrx10MJ5fvk5YWJO+og7Q==","shasum":"3a97eab7d49d58370a1669646598f3553184158d","tarball":"https://registry.npmjs.org/@ahwecharts/bar-stacked/-/bar-stacked-1.0.0.tgz","fileCount":10,"unpackedSize":74267,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgl2gdCRA9TVsSAnZWagAAfygP/0bbR0c+cpR06hGlCKxI\nLyzhV8z2h0Dj4rioAy4r/GYdxJEHapy9DahWgLO5vuNNDRZwRrRg//eUU/uB\nAvrrsDqtSbPdIemsUBsnZNkAVeeEhKNd3Up1Yf1Jmsa/yrvUJFzTFuf2Qvzx\no9Qbhmeahm41GlpWTYvMQbpSIUPY2wj4+4hYFlt+kQQFsT0JPYi6OR5qRkd5\n67qscRz9FIjlBjr5UYs8svQWGcTEGjFaPkZezEuRKN0f/7J9cXbD4mH9aTNt\ny86+ugMkq3O/xNf3eoH5p5gW53paKaeTEgnC8HXEZrQfGW9mFXaYI5rVkOp1\nlStlRanqhW3S2Li9yADMFVG6VUIK1GmMTYfkn9MTUWQkkXFo4jIzG02Z74+b\nhhuEnFuTizKolCji76nOZuwzL27q4l6Y9wwcE4H+B5WLO8z+SdzTkg20j4Qr\nz0SsCITalq/KgK0hcKOINDJAgn0jp92Pp8TTOHMWXsFtRy/JCDSSG15MEGBj\n2Zp7Qg/ekGomsu4Z6kGnxTnddIF1gN+mJTdKTu2GVvLvLLJUQOKG8HV9fzHg\nXRJkezGw64Q5Ehs52/PsMz5rTgSmHf4PAyGTkvArHG2KiLIPSDIeCuTCCppf\nqS1n+2jXv208+46eiYWT9626bxjxksNmu9lDpn/bJ7EiFv1RveCPUthzXqPi\neBJ2\r\n=iLJh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE74YYk8xsVMY4jo5zXriIfYPhA8kD2lK7BARm/0/fzLAiEAzgc2FxsLViTZctO/gu7SIu7Q5DDZ+1nPHmACpp2MqeU="}]},"_npmUser":{"name":"uub","email":"yaob421123@163.com"},"directories":{},"maintainers":[{"name":"uub","email":"yaob421123@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/bar-stacked_1.0.0_1620535325040_0.3106486791972345"},"_hasShrinkwrap":false}},"time":{"created":"2021-05-09T04:42:04.696Z","1.0.0":"2021-05-09T04:42:05.209Z","modified":"2022-04-04T12:14:37.751Z"},"maintainers":[{"name":"uub","email":"yaob421123@163.com"}],"description":"echarts bar stacked component","homepage":"https://github.com/ybuiw/echarts#readme","keywords":["react","react-echarts","echarts bar stacked","ahwui echarts bar stacked"],"repository":{"type":"git","url":"git+https://github.com/ybuiw/echarts.git"},"author":{"name":"uub"},"bugs":{"url":"https://github.com/ybuiw/echarts/issues"},"license":"MIT","readme":"react echarts bar stacked\n===\n多柱状图echarts图表。提取常用api进行封装的echarts插件。\n\n### 安装\n\n```bash\nnpm install --save @ahwecharts/bar-stacked\n```\n\n### 引入\n\n```jsx\nimport BarStackedEcharts from '@ahwecharts/bar-stacked';\nor\nimport { BarStackedEcharts } from 'ahwecharts';\n```\n\n\n### 基本用法\n\n<!--DemoStart,bgWhite,codePen,codeSandbox--> \n```js\nimport ReactDOM from 'react-dom';\nimport BarStackedEcharts from '@ahwecharts/bar-stacked';\n\nReactDOM.render(\n  <div>\n    <BarStackedEcharts\n      itemStyle={{\n        barWidth: 20\n      }}\n      data={[\n        { \n          name: '周一', \n          child: [\n            { name: '邮件营销1', value: 120},\n            { name: '邮件营销2', value: 132},\n            { name: '邮件营销3', value: 101},\n            { name: '邮件营销4', value: 134},\n            { name: '邮件营销5', value: 90},\n          ]\n        },\n        { \n          name: '周二', \n          child: [\n            { name: '邮件营销1', value: 220},\n            { name: '邮件营销2', value: 182},\n            { name: '邮件营销3', value: 191},\n            { name: '邮件营销4', value: 234},\n            { name: '邮件营销5', value: 290},\n          ]\n        },\n        { \n          name: '周三', \n          child: [\n            { name: '邮件营销1', value: 150},\n            { name: '邮件营销2', value: 232},\n            { name: '邮件营销3', value: 201},\n            { name: '邮件营销4', value: 154},\n            { name: '邮件营销5', value: 190},\n          ]\n        }\n      ]}\n    />\n  </div>,\n  _mount_\n);\n```\n<!--End-->\n\n## Props Bar Stacked\n\n| 参数 | 说明 | 类型 | 默认值 |\n| -------- | -------- | -------- | -------- |\n| width | 宽 | string | `100%` |\n| height | 高 | string | `100%` |\n| isHorizontal | 是否横排 | boolean | `false` |\n| colors | 柱状图颜色 | string[] | -- |\n| color | 文字颜色 | string | `#333` |\n| lineColor | x, y轴轴线线条颜色 | string | `#abb9d0` |\n| splitColor | x, y轴网格线条颜色 | string | `#e0e7f3` |\n| fontSize | 字体大小 | number / string | `14` |\n| grid | 组件容器 | `GridComponentOption` | `{}` |\n| legend | 图例组件 | `LegendComponentOption` | `{}` |\n| xAxis | X 轴配置 | `xAxisProps` | -- |\n| yAxis | Y 轴配置 | `yAxisProps` | -- |\n| areaStyle | 柱状图填充样式 | `areaStyleProps` | -- |\n| itemStyle | 柱状图填充样式 | `itemStyleProps` | -- |\n| isSwitch | 是否自动切换 Tooltip | boolean | `false` |\n| switchTime | 自动切换时间 | number | `2000` |\n| data | 数据 | any[] | [] |\n| onClick | 点击 | (v: any) => void | -- |\n\n\n## Props data[]\n\n| 参数 | 说明 | 类型 | 默认值 |\n| -------- | -------- | -------- | -------- |\n| name | 健 | string | -- |\n| child | 值 | any[{name: string, value: number}] | -- |\n\n## Props xAxisProps\n\n| 参数 | 说明 | 类型 | 默认值 |\n| -------- | -------- | -------- | -------- |\n| color | 文字颜色 | string | `#333` |\n| fontSize | 字体大小 | number / string | `14` |\n| lineColor | x轴轴线线条颜色, false 则不显示 | string / boolean | `false` |\n| splitColor | x轴网格线条颜色, false 则不显示, 默认true | string / boolean | `true` |\n| rotate | 刻度标签旋转角度 | number | `0` |\n| isTick | 是否显示坐标轴刻度 | boolean | `false` |\n\n\n## Props yAxisProps\n\n| 参数 | 说明 | 类型 | 默认值 |\n| -------- | -------- | -------- | -------- |\n| name | 坐标轴名称 | string | -- |\n| color | 文字颜色 | string | `#333` |\n| fontSize | 字体大小 | number / string | `14` |\n| lineColor | y轴轴线线条颜色, false 则不显示 | string / boolean | `false` |\n| splitColor | y轴网格线条颜色, false 则不显示, 默认true | string / boolean | `true` |\n\n\n## Props itemStyleProps\n\n| 参数 | 说明 | 类型 | 默认值 |\n| -------- | -------- | -------- | -------- |\n| isStack | 是否叠加显示 | boolean | `false` |\n| barWidth | 柱条的宽度 | number | -- |\n| borderRadius | 柱条圆角半径 | number[] | -- |\n\n## Props GridComponentOption\n\n[`API`](https://echarts.apache.org/zh/option.html#grid)\n\n\n## Props LegendComponentOption\n\n[`API`](https://echarts.apache.org/zh/option.html#legend)","readmeFilename":"README.md"}