Mirroring/coriolis
1
0
Fork 0
mirror of https://github.com/EDCD/coriolis.git synced 2025-12-10 15:15:34 +00:00
Code Issues Projects Releases Wiki Activity

Tidy-ups

Browse Source
This commit is contained in:
Cmdr McDonald
2017-03-17 12:34:36 +00:00
parent 91cab5a4f1
commit 7259a666eb
4 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/components/PieChart.jsx
View File

@@ -57,8 +57,8 @@ export default class PieChart extends Component {
return (
<g key={`group-${i}`}>
<path key={`arc-${i}`} d={this.arc(d)} style={{ fill: this.colors[i] }} />
<text key={`label-${i}`} transform={labelTranslate} stroke={LABEL_COLOUR} strokeWidth='1px' fill='None' textAnchor='middle'>{d.value}</text>
<text key={`key-${i}`} transform={keyTranslate} style={{ stroke: this.colors[i], strokeWidth:'1px', fill:'None' }} textAnchor='middle'>{d.data.label}</text>
<text key={`label-${i}`} transform={labelTranslate} style={{ strokeWidth: '0px', fill: LABEL_COLOUR }} textAnchor='middle'>{d.value}</text>
<text key={`key-${i}`} transform={keyTranslate} style={{ strokeWidth:'0px', fill: this.colors[i] }} textAnchor='middle'>{d.data.label}</text>
</g>
);
}

11
src/app/components/VerticalBarChart.jsx
View File

@@ -102,8 +102,8 @@ export default class VerticalBarChart extends Component {
.attr('text-anchor', 'middle')
.attr('x', 100)
.attr('y', 100)
.attr('stroke', '#ffffff')
.attr('stroke-width', '1px')
.attr('stroke-width', '0px')
.attr('fill', '#ffffff')
.attr('x', d => this.x(d.label) + this.x.bandwidth() / 2)
.attr('y', d => this.y(d.value) + 15)
.text(d => d.value);
@@ -115,16 +115,17 @@ export default class VerticalBarChart extends Component {
*/
render() {
const { width } = this.state.dimensions;
const translate = `translate(${margin.left}, ${margin.top})`;
const height = width * ASPECT;
this._renderGraph(this.props);
return (
<Measure width='100%' whitelist={['width', 'top']} onMeasure={ (dimensions) => { this.setState({ dimensions }); }}>
<div width={width} height={width * ASPECT}>
<div width={width} height={height}>
{ this.x ?
<svg ref={ref => this.svg = ref} width={width} height={width * ASPECT} transform={translate}>
<svg ref={ref => this.svg = ref} width={width} height={height} transform={translate}>
<g transform={translate}></g>
</svg> : null }
</div>