Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

at more than 9 weeks of ticks change xFormat to months and x2Format to years

This commit is contained in:
Robert Elliott 2018-11-06 16:02:16 +02:00
parent fbed89eb19
commit d59594c4f6
2 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
plugins/woocommerce-admin/client/components/chart/utils.js
View File

@ -374,6 +374,14 @@ export const compareStrings = ( s1, s2, splitChar = ' ' ) => {
export const drawAxis = ( node, params ) => {
const xScale = params.type === 'line' ? params.xLineScale : params.xScale;
const removeDuplicateDates = ( d, i, ticks, formatter ) => {
const monthDate = d instanceof Date ? d : new Date( d );
let prevMonth = i !== 0 ? ticks[ i - 1 ] : ticks[ i ];
prevMonth = prevMonth instanceof Date ? prevMonth : new Date( prevMonth );
return i === 0
? formatter( monthDate )
: compareStrings( formatter( prevMonth ), formatter( monthDate ) ).join( ' ' );
};
const yGrids = [];
for ( let i = 0; i < 4; i++ ) {
@ -390,7 +398,7 @@ export const drawAxis = ( node, params ) => {
.call(
d3AxisBottom( xScale )
.tickValues( ticks )
.tickFormat( d => params.xFormat( d instanceof Date ? d : new Date( d ) ) )
.tickFormat( ( d, i ) => removeDuplicateDates( d, i, ticks, params.xFormat ) )
);
node
@ -401,16 +409,7 @@ export const drawAxis = ( node, params ) => {
.call(
d3AxisBottom( xScale )
.tickValues( ticks )
.tickFormat( ( d, i ) => {
const monthDate = d instanceof Date ? d : new Date( d );
let prevMonth = i !== 0 ? ticks[ i - 1 ] : ticks[ i ];
prevMonth = prevMonth instanceof Date ? prevMonth : new Date( prevMonth );
return i === 0
? params.x2Format( monthDate )
: compareStrings( params.x2Format( prevMonth ), params.x2Format( monthDate ) ).join(
' '
);
} )
.tickFormat( ( d, i ) => removeDuplicateDates( d, i, ticks, params.x2Format ) )
)
.call( g => g.select( '.domain' ).remove() );

11
plugins/woocommerce-admin/packages/date/src/index.js
View File

@ -412,7 +412,7 @@ export function getIntervalForQuery( query ) {
}
export const dayTicksThreshold = 63;
export const weekTicksThreshold = 7;
export const weekTicksThreshold = 9;
/**
* Returns date formats for the current interval.
@ -445,8 +445,13 @@ export function getDateFormatsForInterval( interval, ticks = 0 ) {
}
break;
case 'week':
xFormat = '%d';
x2Format = '%b %Y';
if ( ticks < weekTicksThreshold ) {
xFormat = '%d';
x2Format = '%b %Y';
} else {
xFormat = '%b';
x2Format = '%Y';
}
tooltipFormat = __( 'Week of %B %d %Y', 'wc-admin' );
break;
case 'quarter':