All Projects → alitajs → rc-charts

alitajs / rc-charts

Licence: MIT License
一个基于BizCharts的图表库

Programming Languages

typescript
32286 projects
CSS
56736 projects
shell
77523 projects

Projects that are alternatives of or similar to rc-charts

React Echarts V3
React.js(v16.x+) component wrap for ECharts.js(v3.x+)
Stars: ✭ 48 (+118.18%)
Mutual labels:  chart, react-component
Chart Race React
📊 Seamless bar chart race component for React.
Stars: ✭ 406 (+1745.45%)
Mutual labels:  chart, react-component
g2plot-react
G2Plot for React
Stars: ✭ 67 (+204.55%)
Mutual labels:  chart, g2
React Component Echarts
React component echarts. 组件式百度图表。
Stars: ✭ 175 (+695.45%)
Mutual labels:  chart, react-component
Social-Media-Monitor
Automatically monitor and log fan counters from social media(Facebook Pages, Twitter, Instagram, YouTube, Google+, OneSignal, Alexa) using APIs to Google Spreadsheet. Very useful for website admins and social media managers.
Stars: ✭ 36 (+63.64%)
Mutual labels:  chart
chart.xkcd-vue
A xkcd styled chart component for Vue.js based on chart.xkcd.
Stars: ✭ 34 (+54.55%)
Mutual labels:  chart
GJLineChartView
支持伸缩,长按显示数据的折线图、柱状图、饼状图。
Stars: ✭ 24 (+9.09%)
Mutual labels:  chart
dimibob-potatoes
역대 디미고 급식에서 감자가 들어간 메뉴를 전부 찾아줍니다.
Stars: ✭ 13 (-40.91%)
Mutual labels:  chart
DepthChart
深度图
Stars: ✭ 28 (+27.27%)
Mutual labels:  chart
c3-rails
c3 for Rails
Stars: ✭ 15 (-31.82%)
Mutual labels:  chart
react-infinity-menu
A react component that displays an unlimited deep menu
Stars: ✭ 59 (+168.18%)
Mutual labels:  react-component
react-daterange-picker
A react date range picker to using @material-ui. Live Demo: https://flippingbitss.github.io/react-daterange-picker/
Stars: ✭ 85 (+286.36%)
Mutual labels:  react-component
RKPieChart
Pie Chart written in Swift 3
Stars: ✭ 67 (+204.55%)
Mutual labels:  chart
termgraph
terminal candle stick graph library
Stars: ✭ 62 (+181.82%)
Mutual labels:  chart
treemap-chart
A treemap interactive chart web component for visualizing hierarchical data
Stars: ✭ 27 (+22.73%)
Mutual labels:  chart
react-text-more-less
📃React component to show more text or show less
Stars: ✭ 16 (-27.27%)
Mutual labels:  react-component
a2d3
Flexible and extensible D3 directives for Angular 2
Stars: ✭ 22 (+0%)
Mutual labels:  chart
react-super-treeview
👏 Finally, a React Treeview component which is customizable on every level
Stars: ✭ 98 (+345.45%)
Mutual labels:  react-component
LoadTestToolbox
Lightweight tools for load testing web applications, written in C#
Stars: ✭ 75 (+240.91%)
Mutual labels:  chart
react-native-value-picker
Cross-Platform iOS(ish) style picker for react native.
Stars: ✭ 18 (-18.18%)
Mutual labels:  react-component

rc-charts

该项目归档,推荐使用 ant-design-charts

封装BizCharts

NPM version NPM downloads

项目由来: BizCharts 使用起来相对比较繁琐,比较难于在项目在推广,故封装下常见的图表,简化使用方式,减少学习成本。

特性

  • 💡 TypeScript: 使用TypeScript编写
  • 🎉 基于BizCharts: 阿里出品
  • 🌴 简单易用: 针对常见图表二次封装,可傻瓜式使用
  • 🍁 示例丰富: 尽可能多的提供图表示例

使用

  • 安装
yarn add rc-charts
  • 使用
import { Bar } form 'rc-charts';

const Example: React.FC = () => {
  return (
    <Bar
      data={
        [
          { x: '1951', y1: 20 },
          { x: '1952', y1: 10 },
          { x: '1953', y1: 20 },
          { x: '1954', y1: 100 },
          { x: '1955', y1: 10 },
          { x: '1956', y1: 50 }
        ]
      }
      titleMap={{
        y1: '销售额'
      }}
    />
  )
}

export default Example;
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].