Sha256: b98cabf78b06ccb8e61ed02c15d251ef13cb21d0326df8ac1d296caa533e9f5e
Contents?: true
Size: 1.75 KB
Versions: 72
Compression:
Stored size: 1.75 KB
Contents
/* @flow */
import React from 'react'
import classnames from 'classnames'
import { globalProps } from '../utilities/globalProps'
import pbChart from '../plugins/pb_chart'
type LineGraphProps = {
axisTitle?: string,
dark?: Boolean,
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,
legend?: boolean,
toggleLegendClick?: boolean,
height?: string,
colors: array,
}
export default class LineGraph extends React.Component<LineGraphProps> {
static defaultProps = {
className: 'pb_bar_graph',
dark: false,
gradient: false,
type: 'line',
legend: false,
toggleLegendClick: true,
}
componentDidMount() {
const {
axisTitle,
dark,
xAxisCategories,
yAxisMin,
yAxisMax,
className,
chartData,
id,
pointStart,
subTitle,
title,
type,
legend,
toggleLegendClick,
height,
colors = [],
} = this.props
new pbChart(`.${className}`, {
axisTitle: axisTitle,
chartData: chartData,
colors: colors,
dark,
id: id,
pointStart: pointStart,
subtitle: subTitle,
type,
title: title,
xAxisCategories: xAxisCategories,
yAxisMin: yAxisMin,
yAxisMax: yAxisMax,
legend: legend,
toggleLegendClick: toggleLegendClick,
height: height,
})
}
props: LineGraphProps
render() {
const { className, id } = this.props
return (
<div
className={classnames(globalProps(this.props), className)}
id={id}
/>
)
}
}
Version data entries
72 entries across 72 versions & 1 rubygems