Sha256: 3ccee63b7604e3fc37d0e0a3b5554b6977ede09a7919e0cb2f340249d4fad21a

Contents?: true

Size: 1009 Bytes

Versions: 21

Compression:

Stored size: 1009 Bytes

Contents

/* @flow */

import React from 'react'

import { pbChart } from '../'

type BarGraphProps = {
  axisTitle: String,
  chartData: Array<{
    name: String,
    data: Array<Number>,
  }>,
  className?: String,
  id: Number,
  pointStart: Number,
  subTitle?: String,
  title: String,
  type?: String,
}

export default class BarGraph extends React.Component<BarGraphProps> {
  static defaultProps = {
    className: 'pb_bar_graph',
    type: 'column',
  }

  componentDidMount() {
    const {
      axisTitle,
      className,
      chartData,
      id,
      pointStart,
      subTitle,
      title,
      type,
    } = this.props

    new pbChart(`.${className}`, {
      axisTitle: axisTitle,
      chartData: chartData,
      id: id,
      pointStart: pointStart,
      subtitle: subTitle,
      type,
      title: title,
    })
  }

  props: BarGraphProps

  render() {
    const { className, id } = this.props

    return (
      <div
          className={className}
          id={id}
      />
    )
  }
}

Version data entries

21 entries across 21 versions & 1 rubygems

Version Path
playbook_ui-4.7.1 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-4.7.0 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-4.6.1 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-4.6.0 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-4.5.2 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-4.5.1 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-4.5.0 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-4.4.1 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-4.4.0 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-4.3.1 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-4.3.0 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-4.2.0 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-4.1.2 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-4.1.1 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-4.1.0 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-4.0.1 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-4.0.0 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-3.5.0 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-3.4.0 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
playbook_ui-3.3.0 app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx