Sha256: ff6bae1ea70e2cf4cc196a3f94e83f18ea39dc7bd29669bbf979bef06bb36229

Contents?: true

Size: 810 Bytes

Versions: 1070

Compression:

Stored size: 810 Bytes

Contents

import React from 'react'

import BarGraph from '../_bar_graph'

const chartData = [{
  name: 'Number of Installations',
  data: [1475, 200, 3000, 654, 656],
}, {
  type: 'spline',
  name: 'Percentage',
  data: [48, 70, 25, 55, 72],
  color: '#F9BB00',
  yAxis: 1
}]

const axisTitles = [ {name: "Number of Installations"}, {name: "Percentage"}]

const axisFormats = [{format: ""}, {format: "{value}%"}]

const BarGraphSecondaryYAxis= (props) => (
  <div>
    <BarGraph
        axisFormat={axisFormats}
        axisTitle={axisTitles}
        chartData={chartData}
        id="bar-spline"
        legend
        title="Bar Graph with Secondary Y-axis"
        xAxisCategories={['Jan', 'Feb', 'Mar', 'Apr', 'May']}
        yAxisMin={0}
        {...props}
    />
  </div>
)

export default BarGraphSecondaryYAxis

Version data entries

1,070 entries across 1,070 versions & 2 rubygems

Version Path
playbook_ui_docs-14.11.1.pre.alpha.PLAY1720phonenumberinputformatAsYouType5377 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-14.11.1.pre.alpha.PLAY1720phonenumberinputformatAsYouType5377 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-14.11.1.pre.alpha.play17725374 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-14.11.1.pre.alpha.play17725374 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-14.11.1.pre.alpha.play17725372 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-14.11.1.pre.alpha.play17725372 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-14.12.0.pre.rc.4 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-14.12.0.pre.rc.4 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-14.11.1.pre.alpha.hfhbrakemanplaybook5370 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-14.11.1.pre.alpha.hfhbrakemanplaybook5370 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-14.11.1.pre.alpha.responsivetablerails5364 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-14.11.1.pre.alpha.responsivetablerails5364 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-14.11.1.pre.alpha.responsivetablerails5362 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-14.11.1.pre.alpha.responsivetablerails5362 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR769sticky5359 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR769sticky5359 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR573datepickerinvestigation5355 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR573datepickerinvestigation5355 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-14.11.1.pre.alpha.PLAY1750pbcontenttagkitbutton5341 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-14.11.1.pre.alpha.PLAY1750pbcontenttagkitbutton5341 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx