Sha256: ff6bae1ea70e2cf4cc196a3f94e83f18ea39dc7bd29669bbf979bef06bb36229

Contents?: true

Size: 810 Bytes

Versions: 1129

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,129 entries across 1,129 versions & 2 rubygems

Version Path
playbook_ui-13.34.1.pre.alpha.pbntr258paginationkitforreact3409 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-13.34.1.pre.alpha.pbntr258paginationkitforreact3404 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-13.34.1.pre.alpha.pbntr258paginationkitforreact3404 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-13.34.1.pre.alpha.powerfontsexternal3403 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-13.34.1.pre.alpha.powerfontsexternal3403 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-14.0.0 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-14.0.0 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-13.34.1.pre.alpha.PLAY14633399 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-13.34.1.pre.alpha.PLAY14633399 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-13.34.1.pre.alpha.PLAY14703378 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-13.34.1.pre.alpha.PLAY14703378 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-13.34.0.pre.alpha.PLAY14143373 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-13.34.0.pre.alpha.PLAY14143373 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-13.34.0.pre.alpha.PLAY14143372 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-13.34.0.pre.alpha.PLAY14143372 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-13.34.1 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui-13.34.1 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx