Contents

/* @flow */

import React from "react"

import pbChart from "../plugins/pb_chart_plugin.js"

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

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

    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: LineGraphProps

    render() {
      const { className, id } = this.props
  
      return (
        <div
            className={className}
            id={id}
        />
      )
    }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
playbook_ui-2.9.1	app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
playbook_ui-2.9.0	app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
playbook_ui-2.8.9	app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
playbook_ui-2.8.8	app/pb_kits/playbook/pb_line_graph/_line_graph.jsx