Sha256: 5f757b204282c7b1995911341e3602e61402c92c03c28108626817d70a634def
Contents?: true
Size: 1.39 KB
Versions: 1013
Compression:
Stored size: 1.39 KB
Contents
import React from 'react'
import BarGraph from '../_bar_graph'
const barGraphOptions = {
chart: {
type: 'bar'
},
title: {
text: 'Historic World Population by Region',
align: 'left'
},
subtitle: {
text: 'Source: <a ' +
'href="https://en.wikipedia.org/wiki/List_of_continents_and_continental_subregions_by_population"' +
'target="_blank">Wikipedia.org</a>',
align: 'left'
},
xAxis: {
categories: ['Africa', 'America', 'Asia', 'Europe'],
lineWidth: 0
},
yAxis: {
min: 0,
title: {
text: 'Population (millions)',
align: 'high'
},
labels: {
overflow: 'justify'
},
},
tooltip: {
valueSuffix: ' millions'
},
plotOptions: {
bar: {
dataLabels: {
enabled: true
},
groupPadding: 0.1
}
},
series: [{
name: 'Year 1990',
data: [631, 727, 3202, 721]
}, {
name: 'Year 2000',
data: [814, 841, 3714, 726]
}, {
name: 'Year 2018',
data: [1276, 1007, 4561, 746]
}]
}
const BarGraphHorizontal = (props) => (
<div>
<BarGraph
customOptions={barGraphOptions}
id="bar-horizontal"
yAxisMin={0}
{...props}
/>
</div>
)
export default BarGraphHorizontal
Version data entries
1,013 entries across 1,013 versions & 2 rubygems