Recharts 安装 使用 动态效果 装包 引用 使用 代码参考 代码展示 参考 Recharts Recharts是使用React和D3构建的重新定义的图表库，主要原则有 声明式的标签，让写图表和写 HTML 一样简单 贴近原生 SVG 的配置项，让配置项更加自然 接口式的 API，解决各种个性化的需求 安...

安装 NPM UMD 本地开发 安装 NPM 推荐使用 npm 的方式安装，它能更好地和 CommonJS打包工具配合使用，例如：Webpack 。 # latest stable $ npm install recharts UMD 目前可以通过 unpkg.com 获取到 UMD 版本的资源 ( unp...

起步 1. 选择图表类型 2. 添加需要的组件 3. 调整部分组件的配置 4. 丰富交互 5. 实现自定义功能 起步 1. 选择图表类型 借助于babel-plugin-recharts ，我们可以只引入需要的组件，以达到减小项目体积的目的。 传入简单的js对象（通常是一个数组）生成简单的图表。 import { Line...

组件自定义 1. 组件 Line , Area , Bar , XAxis, YAxis 的 labels 支持自定义 2. 组件的形状可以自定义 3. Tooltip 的内容可以自定义 4. 组件样式支持 svg 属性 5. Tooltip 和 Legend 支持自定义的 style 组件自定义 1. 组件 Line , Area ,...

图表：Recharts 侧边栏：react-burger-menu 过渡动画：react-transition-group

社区精选组件 社区精选组件 choerodon-ui 是 Choerodon 的 UI 组件库，同时还包含了企业级组件库 choerodon-ui/pro 。为了尽量不重复造轮子，我们推荐使用以下社区已有的优秀实现，与 choerodon-ui 形成互补： 类型 推荐组件 路由 react-router 布局 react-blocks rea...

社区精选组件 社区精选组件 choerodon-ui 是 Choerodon 的UI组件库，同时还包含了企业级组件库 choerodon-ui/pro 。为了尽量不重复造轮子，我们推荐使用以下社区已有的优秀实现，与 choerodon-ui 形成互补： 类型 推荐组件 路由 react-router 布局 react-blocks react-...

社区精选组件 社区精选组件 antd 是 Ant Design 设计规范的 React 实现，所以我们倾向于只提供符合该规范、且带有视觉展现的 UI 组件，也尽量不重复造轮子。我们推荐使用以下社区已有的优秀实现，与 antd 形成互补： 类型 推荐组件 路由 react-router 布局 @rebass/grid react-blocks r...

社区精选组件 社区精选组件 antd 是 Ant Design 设计规范的 React 实现，所以我们倾向于只提供符合该规范、且带有视觉展现的 UI 组件，也尽量不重复造轮子。我们推荐使用以下社区已有的优秀实现，与 antd 形成互补： 类型 推荐组件 路由 react-router 布局 @rebass/grid react-blocks r...

Echarts 简介 使用 装包 使用 参考 Echarts 目前市面上的数据可视化工具非常多，比如 iCharts，D3，Chart，Recharts，Raw，Leaflet，canvas 等等，为什么我选择了 Echarts ？ 这是百度的项目，一直有更新，是目前最新的是EChart 有详细的中文文档和例子，网上有比较丰富的资料 支...