the-chart v1.0.8

the-chart

Chart for the-components

Installation

$ npm install the-chart --save

Usage

'use strict'

import React from 'react'
import { TheChart, TheChartStyle } from 'the-chart'

class ExampleComponent extends React.PureComponent {
  render () {
    return (
      <div>
        <TheChartStyle/>
        <TheChart type={'bar'}
                  data={{
                    labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
                    datasets: [{
                      label: '# of Votes',
                      data: [12, 19, 3, 5, 2, 3],
                      backgroundColor: [
                        'rgba(255, 99, 132, 0.2)',
                        'rgba(54, 162, 235, 0.2)',
                        'rgba(255, 206, 86, 0.2)',
                        'rgba(75, 192, 192, 0.2)',
                        'rgba(153, 102, 255, 0.2)',
                        'rgba(255, 159, 64, 0.2)'
                      ],
                      borderColor: [
                        'rgba(255,99,132,1)',
                        'rgba(54, 162, 235, 1)',
                        'rgba(255, 206, 86, 1)',
                        'rgba(75, 192, 192, 1)',
                        'rgba(153, 102, 255, 1)',
                        'rgba(255, 159, 64, 1)'
                      ],
                      borderWidth: 1
                    }]
                  }}
                  options={{
                    scales: {
                      yAxes: [{
                        ticks: {
                          beginAtZero: true
                        }
                      }]
                    }
                  }}
        >
        </TheChart>
      </div>

    )
  }
}

export default ExampleComponent

Components

TheChart

Chart for the-components

Props

TheChartStyle

Style for TheChart

Props

License

This software is released under the MIT License.

Links

• THE Labo