@@ -4998,157 +4998,91 @@ describe('hovermode: (x|y)unified', function() {
4998
4998
. then ( done , done . fail ) ;
4999
4999
} ) ;
5000
5000
5001
- it ( 'non-period points winning hover' , function ( done ) {
5002
- Plotly . newPlot ( gd , {
5003
- data : [
5004
- {
5005
- name : 'bar' ,
5006
- type : 'bar' ,
5007
- x : [ '1999-12' , '2000-01' , '2000-02' ] ,
5008
- y : [ 2 , 1 , 3 ] ,
5009
- xhoverformat : '%b' ,
5010
- xperiod : 'M1'
5011
- } ,
5012
- {
5013
- name : 'scatter' ,
5014
- type : 'scatter' ,
5015
- x : [
5016
- '2000-01-01' , '2000-01-06' , '2000-01-11' , '2000-01-16' , '2000-01-21' , '2000-01-26' ,
5017
- '2000-02-01' , '2000-02-06' , '2000-02-11' , '2000-02-16' , '2000-02-21' , '2000-02-26' ,
5018
- '2000-03-01' , '2000-03-06' , '2000-03-11' , '2000-03-16' , '2000-03-21' , '2000-03-26'
5019
- ] ,
5020
- y : [
5021
- 1.1 , 1.2 , 1.3 , 1.4 , 1.5 , 1.6 ,
5022
- 2.1 , 2.2 , 2.3 , 2.4 , 2.5 , 2.6 ,
5023
- 3.1 , 3.2 , 3.3 , 3.4 , 3.5 , 3.6 ,
5024
- ]
5001
+ [ {
5002
+ xperiod : 0 ,
5003
+ desc : 'non-period scatter points and period bars'
5004
+ } , {
5005
+ xperiod : 24 * 3600 * 1000 ,
5006
+ desc : 'period scatter points and period bars'
5007
+ } ] . forEach ( function ( t ) {
5008
+ it ( t . desc , function ( done ) {
5009
+ var fig = {
5010
+ data : [
5011
+ {
5012
+ name : 'bar' ,
5013
+ type : 'bar' ,
5014
+ x : [ '1999-12' , '2000-01' , '2000-02' ] ,
5015
+ y : [ 2 , 1 , 3 ] ,
5016
+ xhoverformat : '%b' ,
5017
+ xperiod : 'M1'
5018
+ } ,
5019
+ {
5020
+ xperiod : t . xperiod ,
5021
+ name : 'scatter' ,
5022
+ type : 'scatter' ,
5023
+ x : [
5024
+ '2000-01-01' , '2000-01-06' , '2000-01-11' , '2000-01-16' , '2000-01-21' , '2000-01-26' ,
5025
+ '2000-02-01' , '2000-02-06' , '2000-02-11' , '2000-02-16' , '2000-02-21' , '2000-02-26' ,
5026
+ '2000-03-01' , '2000-03-06' , '2000-03-11' , '2000-03-16' , '2000-03-21' , '2000-03-26'
5027
+ ] ,
5028
+ y : [
5029
+ 1.1 , 1.2 , 1.3 , 1.4 , 1.5 , 1.6 ,
5030
+ 2.1 , 2.2 , 2.3 , 2.4 , 2.5 , 2.6 ,
5031
+ 3.1 , 3.2 , 3.3 , 3.4 , 3.5 , 3.6 ,
5032
+ ]
5033
+ }
5034
+ ] ,
5035
+ layout : {
5036
+ showlegend : false ,
5037
+ width : 600 ,
5038
+ height : 400 ,
5039
+ hovermode : 'x unified'
5025
5040
}
5026
- ] ,
5027
- layout : {
5028
- showlegend : false ,
5029
- width : 600 ,
5030
- height : 400 ,
5031
- hovermode : 'x unified'
5032
- }
5033
- } )
5034
- . then ( function ( gd ) {
5035
- _hover ( gd , { xpx : 50 , ypx : 200 } ) ;
5036
- assertLabel ( { title : 'Dec' , items : [
5037
- 'bar : 2'
5038
- ] } ) ;
5039
-
5040
- _hover ( gd , { xpx : 100 , ypx : 200 } ) ;
5041
- assertLabel ( { title : 'Jan 1, 2000' , items : [
5042
- 'scatter : 1.1'
5043
- ] } ) ;
5044
-
5045
- _hover ( gd , { xpx : 150 , ypx : 200 } ) ;
5046
- assertLabel ( { title : 'Jan 11, 2000' , items : [
5047
- 'bar : (Jan, 1)' ,
5048
- 'scatter : 1.3'
5049
- ] } ) ;
5050
-
5051
- _hover ( gd , { xpx : 200 , ypx : 200 } ) ;
5052
- assertLabel ( { title : 'Jan 26, 2000' , items : [
5053
- 'bar : (Jan, 1)' ,
5054
- 'scatter : 1.6'
5055
- ] } ) ;
5056
-
5057
- _hover ( gd , { xpx : 250 , ypx : 200 } ) ;
5058
- assertLabel ( { title : 'Feb 11, 2000' , items : [
5059
- 'bar : (Feb, 3)' ,
5060
- 'scatter : 2.3'
5061
- ] } ) ;
5062
-
5063
- _hover ( gd , { xpx : 300 , ypx : 200 } ) ;
5064
- assertLabel ( { title : 'Feb 21, 2000' , items : [
5065
- 'bar : (Feb, 3)' ,
5066
- 'scatter : 2.5'
5067
- ] } ) ;
5068
-
5069
- _hover ( gd , { xpx : 350 , ypx : 200 } ) ;
5070
- assertLabel ( { title : 'Mar 6, 2000' , items : [
5071
- 'scatter : 3.2'
5072
- ] } ) ;
5073
- } )
5074
- . then ( done , done . fail ) ;
5075
- } ) ;
5041
+ } ;
5076
5042
5077
- it ( 'period scatter points and period bars' , function ( done ) {
5078
- Plotly . newPlot ( gd , {
5079
- data : [
5080
- {
5081
- name : 'bar' ,
5082
- type : 'bar' ,
5083
- x : [ '1999-12' , '2000-01' , '2000-02' ] ,
5084
- y : [ 2 , 1 , 3 ] ,
5085
- xhoverformat : '%b' ,
5086
- xperiod : 'M1'
5087
- } ,
5088
- {
5089
- name : 'scatter' ,
5090
- type : 'scatter' ,
5091
- x : [
5092
- '2000-01-01' , '2000-01-06' , '2000-01-11' , '2000-01-16' , '2000-01-21' , '2000-01-26' ,
5093
- '2000-02-01' , '2000-02-06' , '2000-02-11' , '2000-02-16' , '2000-02-21' , '2000-02-26' ,
5094
- '2000-03-01' , '2000-03-06' , '2000-03-11' , '2000-03-16' , '2000-03-21' , '2000-03-26'
5095
- ] ,
5096
- y : [
5097
- 1.1 , 1.2 , 1.3 , 1.4 , 1.5 , 1.6 ,
5098
- 2.1 , 2.2 , 2.3 , 2.4 , 2.5 , 2.6 ,
5099
- 3.1 , 3.2 , 3.3 , 3.4 , 3.5 , 3.6 ,
5100
- ] ,
5101
- xperiod : 24 * 3600 * 1000 ,
5102
- }
5103
- ] ,
5104
- layout : {
5105
- showlegend : false ,
5106
- width : 600 ,
5107
- height : 400 ,
5108
- hovermode : 'x unified'
5109
- }
5110
- } )
5111
- . then ( function ( gd ) {
5112
- _hover ( gd , { xpx : 50 , ypx : 200 } ) ;
5113
- assertLabel ( { title : 'Dec' , items : [
5114
- 'bar : 2'
5115
- ] } ) ;
5043
+ Plotly . newPlot ( gd , fig )
5044
+ . then ( function ( gd ) {
5045
+ _hover ( gd , { xpx : 50 , ypx : 200 } ) ;
5046
+ assertLabel ( { title : 'Dec' , items : [
5047
+ 'bar : 2'
5048
+ ] } ) ;
5116
5049
5117
- _hover ( gd , { xpx : 100 , ypx : 200 } ) ;
5118
- assertLabel ( { title : 'Jan 1, 2000' , items : [
5119
- 'scatter : 1.1'
5120
- ] } ) ;
5050
+ _hover ( gd , { xpx : 100 , ypx : 200 } ) ;
5051
+ assertLabel ( { title : 'Jan 1, 2000' , items : [
5052
+ 'scatter : 1.1'
5053
+ ] } ) ;
5121
5054
5122
- _hover ( gd , { xpx : 150 , ypx : 200 } ) ;
5123
- assertLabel ( { title : 'Jan 11, 2000' , items : [
5124
- 'bar : (Jan, 1)' ,
5125
- 'scatter : 1.3'
5126
- ] } ) ;
5055
+ _hover ( gd , { xpx : 150 , ypx : 200 } ) ;
5056
+ assertLabel ( { title : 'Jan 11, 2000' , items : [
5057
+ 'bar : (Jan, 1)' ,
5058
+ 'scatter : 1.3'
5059
+ ] } ) ;
5127
5060
5128
- _hover ( gd , { xpx : 200 , ypx : 200 } ) ;
5129
- assertLabel ( { title : 'Jan 26, 2000' , items : [
5130
- 'bar : (Jan, 1)' ,
5131
- 'scatter : 1.6'
5132
- ] } ) ;
5061
+ _hover ( gd , { xpx : 200 , ypx : 200 } ) ;
5062
+ assertLabel ( { title : 'Jan 26, 2000' , items : [
5063
+ 'bar : (Jan, 1)' ,
5064
+ 'scatter : 1.6'
5065
+ ] } ) ;
5133
5066
5134
- _hover ( gd , { xpx : 250 , ypx : 200 } ) ;
5135
- assertLabel ( { title : 'Feb 11, 2000' , items : [
5136
- 'bar : (Feb, 3)' ,
5137
- 'scatter : 2.3'
5138
- ] } ) ;
5067
+ _hover ( gd , { xpx : 250 , ypx : 200 } ) ;
5068
+ assertLabel ( { title : 'Feb 11, 2000' , items : [
5069
+ 'bar : (Feb, 3)' ,
5070
+ 'scatter : 2.3'
5071
+ ] } ) ;
5139
5072
5140
- _hover ( gd , { xpx : 300 , ypx : 200 } ) ;
5141
- assertLabel ( { title : 'Feb 21, 2000' , items : [
5142
- 'bar : (Feb, 3)' ,
5143
- 'scatter : 2.5'
5144
- ] } ) ;
5073
+ _hover ( gd , { xpx : 300 , ypx : 200 } ) ;
5074
+ assertLabel ( { title : 'Feb 21, 2000' , items : [
5075
+ 'bar : (Feb, 3)' ,
5076
+ 'scatter : 2.5'
5077
+ ] } ) ;
5145
5078
5146
- _hover ( gd , { xpx : 350 , ypx : 200 } ) ;
5147
- assertLabel ( { title : 'Mar 6, 2000' , items : [
5148
- 'scatter : 3.2'
5149
- ] } ) ;
5150
- } )
5151
- . then ( done , done . fail ) ;
5079
+ _hover ( gd , { xpx : 350 , ypx : 200 } ) ;
5080
+ assertLabel ( { title : 'Mar 6, 2000' , items : [
5081
+ 'scatter : 3.2'
5082
+ ] } ) ;
5083
+ } )
5084
+ . then ( done , done . fail ) ;
5085
+ } ) ;
5152
5086
} ) ;
5153
5087
5154
5088
it ( 'period points alignments' , function ( done ) {
0 commit comments