formidable-charts

Top level composed component for Victory

formidable-charts

Ready-made composed Victory Components!


Getting Started

formidable-chartsis a set of composed, pre-styled Victory components that can be used to display rich, interactive charts. Our theming system not only supports style based theming, but behavioral/compositional theming as well.

  1. Add formidable-chartsto your project

    npm install formidable-charts --save

    For React Native, you'll need -nativeand react-native-svg:

    npm install -native formidable-charts react-native-svg --save
    react-native link react-native-svg
  2. Add your first formidable-chartscomponent:

    import React, { Component } from 'react';
    import { render } from 'react-dom';
    import { LineChart } from 'formidable-charts';
    
    class MyLineChart extends Component {
     render() {
       return (
         <LineChart />
       );
     }
    }
    
    render(<MyLineChart />, document.getElementById('app'));
  3. Explore the API and try out the various possible components and configurations and their themes!

Development

# Run the demo app server
$ npm start

# Open the demo app
$ open http://localhost:3000

# Run tests
$ npm test

For more on the development environment, see DEVELOPMENTin the project builder archetype.

Contributing

Please review our Code of Conductbefore contributing.

For a detailed contribution guide, please see CONTRIBUTINGin the project builder archetype.

IMPORTANT

This project is in a pre-release state. We're hard at work fixing bugs and improving the API. Be prepared for breaking changes!

HomePage

https://github.com/formidablelabs/formidable-charts

Repository

https://github.com/formidablelabs/formidable-charts.git


上一篇:formidable-landers
下一篇:anchorate

相关推荐

官方社区

扫码加入 JavaScript 社区