Julia Friesel
91 lines
1.6 KiB
JavaScript
91 lines
1.6 KiB
JavaScript
import config from './config'
|
|
|
|
const styles = {
|
|
curve: {
|
|
borderStyle: 'solid',
|
|
borderColor: '#ffc425',
|
|
borderWidth: 2,
|
|
},
|
|
curveExcluded: {
|
|
stroke: 'lightgrey',
|
|
strokeWidth: 2,
|
|
strokeDashArray: [4]
|
|
},
|
|
curveDots: {
|
|
backgroundColor: '#00aedb',
|
|
width: 12,
|
|
height: 12,
|
|
borderRadius: 50
|
|
},
|
|
curveDotsExcluded: {
|
|
backgroundColor: 'lightgrey',
|
|
width: 12,
|
|
height: 12,
|
|
borderRadius: 50
|
|
},
|
|
column: {
|
|
label: {
|
|
date: {
|
|
stroke: 'grey',
|
|
fontSize: 10,
|
|
x: 2,
|
|
fontWeight: '100'
|
|
},
|
|
number: {
|
|
stroke: '#00b159',
|
|
fontSize: 13,
|
|
x: config.columnMiddle - 1
|
|
}
|
|
},
|
|
rect: {
|
|
width: config.columnWidth,
|
|
height: config.chartHeight,
|
|
borderStyle: 'solid',
|
|
borderColor: 'grey',
|
|
borderWidth: 1,
|
|
backgroundColor: 'transparent'
|
|
}
|
|
},
|
|
bleedingIcon: {
|
|
fill: '#fb2e01',
|
|
scale: 0.6,
|
|
x: 6,
|
|
y: 3
|
|
},
|
|
mucusIcon: {
|
|
cx: config.columnWidth / 2,
|
|
cy: 50,
|
|
r: 10
|
|
},
|
|
mucusIconShades: [
|
|
'#cc99cc',
|
|
'#bf7fbf',
|
|
'#b266b2',
|
|
'#a64ca6',
|
|
'#993299'
|
|
],
|
|
yAxis: {
|
|
height: config.chartHeight,
|
|
width: config.columnWidth,
|
|
},
|
|
yAxisLabel: {
|
|
position: 'absolute',
|
|
right: 3,
|
|
color: 'grey',
|
|
fontSize: 12,
|
|
fontWeight: 'bold'
|
|
},
|
|
horizontalGrid: {
|
|
borderColor: 'lightgrey',
|
|
borderWidth: 1,
|
|
width: config.columnWidth,
|
|
borderStyle: 'solid'
|
|
},
|
|
nfpLine: {
|
|
borderColor: '#00b159',
|
|
borderWidth: 2,
|
|
borderStyle: 'solid'
|
|
}
|
|
}
|
|
|
|
export default styles |