Sha256: 5733ed0ebb209dd340a949d4f5293a6981381c5254050a0309818e5b0a7b565b

Contents?: true

Size: 1.24 KB

Versions: 15

Compression:

Stored size: 1.24 KB

Contents

/* @flow */

import React from 'react'

import { pbChart } from '../'

type LineGraphProps = {
  axisTitle?: String,
  xAxisCategories: Array,
  yAxisMin: Number,
  yAxisMax: Number,
  className?: String,
  chartData: Array<{
      name: String,
      data: Array<Number>,
  }>,
  gradient?: Boolean,
  id: String,
  pointStart: Number,
  subTitle?: String,
  title: String,
  type?: String,
}

export default class LineGraph extends React.Component<LineGraphProps> {
  static defaultProps = {
    className: 'pb_bar_graph',
    gradient: false,
    type: 'line',
  }

  componentDidMount() {
    const {
      axisTitle,
      xAxisCategories,
      yAxisMin,
      yAxisMax,
      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,
      xAxisCategories: xAxisCategories,
      yAxisMin: yAxisMin,
      yAxisMax: yAxisMax,
    })
  }

  props: LineGraphProps

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

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

Version data entries

15 entries across 15 versions & 1 rubygems

Version Path
playbook_ui-4.15.0 app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
playbook_ui-4.14.0 app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
playbook_ui-4.15.1.alpha1 app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
playbook_ui-4.13.1 app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
playbook_ui-4.13.0 app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
playbook_ui-4.12.0 app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
playbook_ui-4.11.0 app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
playbook_ui-4.11.0.pre.alpha3 app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
playbook_ui-4.11.0.pre.alpha.pre.2 app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
playbook_ui-4.10.0 app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
playbook_ui-4.10.0.pre.alpha1 app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
playbook_ui-4.9.0.pre.alpha1 app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
playbook_ui-4.9.0 app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
playbook_ui-4.8.2 app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
playbook_ui-4.8.1 app/pb_kits/playbook/pb_line_graph/_line_graph.jsx