dynamically center 'No Data' in Proportions graph, #319

phetsims · Jul 21, 2023 · 6613686 · 6613686
1 parent 6a177af
commit 6613686
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/js/common/view/proportions/ProportionsGraphNode.ts b/js/common/view/proportions/ProportionsGraphNode.ts
@@ -169,11 +169,13 @@ export default class ProportionsGraphNode extends Node {
     // 'No Data', visible when we have no data to display.
     const noDataText = new Text( NaturalSelectionStrings.noDataStringProperty, {
       font: NaturalSelectionConstants.INSTRUCTIONS_FONT,
-      centerX: backgroundNode.centerX,
-      centerY: backgroundNode.top + ( backgroundNode.height / 6 ),
       maxWidth: 0.5 * backgroundNode.width,
       tandem: options.tandem.createTandem( 'noDataText' )
     } );
+    noDataText.boundsProperty.link( bounds => {
+      noDataText.centerX = backgroundNode.centerX;
+      noDataText.centerY = backgroundNode.top + ( backgroundNode.height / 6 );
+    } );
 
     assert && assert( !options.children, 'ProportionGraphNode sets children' );
     options.children = [ backgroundNode, noDataText, content ];