Merge pull request woocommerce/woocommerce-admin#518 from woocommerce/update/chart-lines-ticks

Updates to standard line chart layer order, and y-axis ticks

plugins/woocommerce-admin/client/components/chart/charts.js

@@ -280,7 +280,7 @@ D3Chart.defaultProps = {
 	width: 600,
 	xFormat: '%Y-%m-%d',
 	x2Format: '',
-	yFormat: '.3s',
+	yFormat: '.1s',
 };
 
 export default D3Chart;

plugins/woocommerce-admin/client/components/chart/index.js

@@ -358,7 +358,7 @@ Chart.defaultProps = {
 	tooltipFormat: '%B %d, %Y',
 	xFormat: '%d',
 	x2Format: '%b %Y',
-	yFormat: '$.3s',
+	yFormat: '$.1s',
 	layout: 'standard',
 	mode: 'item-comparison',
 	type: 'line',

plugins/woocommerce-admin/client/components/chart/utils.js

@@ -489,7 +489,7 @@ export const drawLines = ( node, data, params ) => {
 		.append( 'g' )
 		.attr( 'class', 'lines' )
 		.selectAll( '.line-g' )
-		.data( params.lineData.filter( d => d.visible ) )
+		.data( params.lineData.filter( d => d.visible ).reverse() )
 		.enter()
 		.append( 'g' )
 		.attr( 'class', 'line-g' )