describe('legend', function() {
var uiHelper = window.uiHelper;
var suites = [{
name: 'show',
cases: [{
name: 'should display legend as default',
option: {
series: [{
name: 'a',
type: 'line',
data: [1, 2, 4]
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['a']
}
}
}, {
name: 'should hide legend when show set to be false',
option: {
series: [{
name: 'a',
type: 'line',
data: [1, 2, 4]
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['a'],
show: false
}
}
}]
}, {
name: 'left',
cases: [{
name: 'should display left position',
option: {
series: [{
name: 'a',
type: 'line',
data: [1, 2, 4]
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['a'],
left: 'left'
}
}
}, {
name: 'should display at 20%',
option: {
series: [{
name: 'a',
type: 'line',
data: [1, 2, 4]
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['a'],
left: '20%'
}
}
}, {
name: 'should display at center',
option: {
series: [{
name: 'a',
type: 'line',
data: [1, 2, 4]
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['a'],
left: 'center'
}
}
}, {
name: 'should display at right',
option: {
series: [{
name: 'a',
type: 'line',
data: [1, 2, 4]
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['a'],
left: 'right'
}
}
}]
}, {
name: 'top',
cases: [{
name: 'should display top position',
option: {
series: [{
name: 'a',
type: 'line',
data: [1, 2, 4]
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['a'],
top: 50
}
}
}, {
name: 'should display at 20%',
option: {
series: [{
name: 'a',
type: 'line',
data: [1, 2, 4]
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['a'],
top: '20%'
}
}
}, {
name: 'should display at middle',
option: {
series: [{
name: 'a',
type: 'line',
data: [1, 2, 4]
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['a'],
top: 'middle'
}
}
}, {
name: 'should display at bottom',
option: {
series: [{
name: 'a',
type: 'line',
data: [1, 2, 4]
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['a'],
top: 'bottom'
}
}
}]
}, {
name: 'right',
cases: [{
name: 'should display right position',
option: {
series: [{
name: 'a',
type: 'line',
data: [1, 2, 4]
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['a'],
right: 50
}
}
}]
}, {
name: 'bottom',
cases: [{
name: 'should display bottom position',
option: {
series: [{
name: 'a',
type: 'line',
data: [1, 2, 4]
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['a'],
bottom: 50
}
}
}]
}, {
name: 'left and right',
cases: [{
name: 'are both set',
test: 'equalOption',
option1: {
series: [{
name: 'a',
type: 'line',
data: [1, 2, 4]
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['a'],
left: 50,
right: 50
}
},
option2: {
series: [{
name: 'a',
type: 'line',
data: [1, 2, 4]
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['a'],
left: 50
}
}
}]
}, {
name: 'top and bottom',
cases: [{
name: 'are both set',
test: 'equalOption',
option1: {
series: [{
name: 'a',
type: 'line',
data: [1, 2, 4]
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['a'],
top: 50,
bottom: 50
}
},
option2: {
series: [{
name: 'a',
type: 'line',
data: [1, 2, 4]
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['a'],
top: 50
}
}
}]
}, {
name: 'width',
cases: [{
name: 'should display in seperate lines',
test: 'notEqualOption',
option1: {
series: [{
name: 'this is a',
type: 'line',
data: []
}, {
name: 'this is b',
type: 'line',
data: []
}, {
name: 'this is c',
type: 'line',
data: []
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['this is a', 'this is b',
'this is c'],
width: 200
}
},
option2: {
series: [{
name: 'this is a',
type: 'line',
data: []
}, {
name: 'this is b',
type: 'line',
data: []
}, {
name: 'this is c',
type: 'line',
data: []
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['this is a', 'this is b',
'this is c']
}
}
}]
}, {
name: 'hight',
cases: [{
name: 'should display in seperate lines',
test: 'notEqualOption',
option1: {
series: [{
name: 'this is a',
type: 'line',
data: []
}, {
name: 'this is b',
type: 'line',
data: []
}, {
name: 'this is c',
type: 'line',
data: []
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['this is a', 'this is b',
'this is c'],
height: 50,
orient: 'vertical'
}
},
option2: {
series: [{
name: 'this is a',
type: 'line',
data: []
}, {
name: 'this is b',
type: 'line',
data: []
}, {
name: 'this is c',
type: 'line',
data: []
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['this is a', 'this is b',
'this is c'],
orient: 'vertical'
}
}
}]
}, {
name: 'orient',
cases: [{
name: 'should display horizontally',
option: {
series: [{
name: 'this is a',
type: 'line',
data: []
}, {
name: 'this is b',
type: 'line',
data: []
}, {
name: 'this is c',
type: 'line',
data: []
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['this is a', 'this is b',
'this is c'],
orient: 'horizontal'
}
}
}, {
name: 'should display vertically',
option: {
series: [{
name: 'this is a',
type: 'line',
data: []
}, {
name: 'this is b',
type: 'line',
data: []
}, {
name: 'this is c',
type: 'line',
data: []
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['this is a', 'this is b',
'this is c'],
orient: 'vertical'
}
}
}, {
name: 'should display different with horizontal and vertical',
test: 'notEqualOption',
option1: {
series: [{
name: 'this is a',
type: 'line',
data: []
}, {
name: 'this is b',
type: 'line',
data: []
}, {
name: 'this is c',
type: 'line',
data: []
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['this is a', 'this is b',
'this is c'],
orient: 'vertical'
}
},
option2: {
series: [{
name: 'this is a',
type: 'line',
data: []
}, {
name: 'this is b',
type: 'line',
data: []
}, {
name: 'this is c',
type: 'line',
data: []
}],
xAxis : [{
type : 'category',
data : ['x','y','z']
}],
yAxis : [{
type : 'value'
}],
legend: {
data: ['this is a', 'this is b',
'this is c']
}
}
}]
}];
uiHelper.testOptionSpec('legend', suites);
});
|
Download
