@@ -509,7 +509,9 @@ export class SlopeChart
509
509
}
510
510
511
511
@computed get maxLineLegendWidth ( ) : number {
512
- return 0.25 * this . innerBounds . width
512
+ return this . useCompactLayout
513
+ ? 0.15 * this . innerBounds . width
514
+ : 0.25 * this . innerBounds . width
513
515
}
514
516
515
517
@computed get lineLegendFontSize ( ) : number {
@@ -650,7 +652,7 @@ export class SlopeChart
650
652
return this . xRange [ 1 ] + LINE_LEGEND_PADDING
651
653
}
652
654
653
- @computed get useCompactLineLegend ( ) : boolean {
655
+ @computed get useCompactLayout ( ) : boolean {
654
656
return ! ! this . manager . isSemiNarrow
655
657
}
656
658
@@ -675,7 +677,7 @@ export class SlopeChart
675
677
seriesName,
676
678
label,
677
679
formattedValue,
678
- valueInNewLine : this . useCompactLineLegend ,
680
+ valueInNewLine : this . useCompactLayout ,
679
681
yValue : start . value ,
680
682
}
681
683
} )
@@ -690,16 +692,16 @@ export class SlopeChart
690
692
color,
691
693
seriesName,
692
694
label : seriesName ,
693
- annotation : this . useCompactLineLegend ? undefined : annotation ,
695
+ annotation : this . useCompactLayout ? undefined : annotation ,
694
696
formattedValue,
695
- valueInNewLine : this . useCompactLineLegend ,
697
+ valueInNewLine : this . useCompactLayout ,
696
698
yValue : end . value ,
697
699
}
698
700
} )
699
701
}
700
702
701
703
@computed private get lineLegendConnectorLinesWidth ( ) : number {
702
- return this . useCompactLineLegend ? 15 : 25
704
+ return this . useCompactLayout ? 15 : 25
703
705
}
704
706
705
707
private playIntroAnimation ( ) {
0 commit comments