Compare commits

..

2 Commits

Author SHA1 Message Date
Alberto
d2b92b4c9a Release 13.3.0 2017-10-02 14:55:11 +02:00
Sean Landsman
c8267730bf Update code to match latest changes 2017-09-28 13:56:46 +01:00
3 changed files with 21 additions and 6 deletions

View File

@@ -1,6 +1,6 @@
{
"name": "ag-grid-react-example",
"version": "13.2.0",
"version": "13.3.0",
"description": "Example Reach applicaiton using ag-Grid.",
"main": "dist/ag-grid-react-example.js",
"scripts": {
@@ -58,9 +58,9 @@
"typescript": "2.3.x"
},
"dependencies": {
"ag-grid": "13.2.x",
"ag-grid-enterprise": "13.2.x",
"ag-grid-react": "13.2.x",
"ag-grid": "13.3.x",
"ag-grid-enterprise": "13.3.x",
"ag-grid-react": "13.3.x",
"bootstrap": "3.3.7",
"d3": "4.9.1",
"file-loader": "0.11.1",

View File

@@ -34,7 +34,7 @@ class TopMoversGrid extends Component {
cellRenderer: 'animateShowChange',
cellClass: 'align-right',
sort: 'desc',
cellFormatter(params) {
valueFormatter(params) {
return params.value.toFixed(2)
}
},

View File

@@ -3,6 +3,14 @@ import * as PropTypes from 'prop-types';
export default class HorizontalBarComponent extends Component {
constructor(props) {
super(props);
this.state = {
value: this.props.value
}
}
render() {
let positiveChange = {
fill: "green"
@@ -19,7 +27,7 @@ export default class HorizontalBarComponent extends Component {
textAlign: "right"
};
let pctNetChange = this.props.value;
let pctNetChange = this.state.value;
let pctNetChangeBar = Math.min(Math.abs(pctNetChange) * 100, 100) / 2;
let barWidth = `${pctNetChangeBar}%`;
@@ -36,6 +44,13 @@ export default class HorizontalBarComponent extends Component {
</div>
)
}
refresh(params) {
this.setState({
value: params.value
});
return true;
}
}
HorizontalBarComponent.propTypes = {