配置项如下
option = {
timeline: {
axisType: 'category',
data: ['1', '2', '3', '4', '5', '6', '7', '8', '9'],
autoPlay:true,
playInterval: 3000,
},
options: [{
/**gender */
title: {
text: 'Gender'
},
tooltip: {
trigger: 'axis'
},
xAxis: {
data: ['female', 'male']
},
yAxis: {
type: 'value'
},
series: [{
name: 'Gender',
type: 'bar',
data: [246, 140]
}]
},
{
/**Nation*/
title: {
text: 'Nation'
},
xAxis: {
data: ['KW', 'Lebanon', 'Egypt', 'SaudiArabia', 'Iran', 'Irap', 'Jordan', 'Lybia',
'Morocco', 'Palestine', 'Syria', 'Tunis', 'USA', 'venzuela'
]
},
series: [{
name: 'Nation',
data: [139, 15, 7, 10, 6, 16, 137, 4, 4, 26, 5, 11, 5, 1]
}]
},
{
/**StageID */
title: {
text: 'StageID'
},
xAxis: {
data: ['High School', 'Middle Schoole', 'Low level']
},
series: [{
name: 'StageID',
data: [27, 169, 197]
}]
},
{
/**Topic */
title: {
text: 'Topic'
},
xAxis: {
data: ['Arabic', 'Biology', 'Chemistry', 'English', 'French', 'Geology', 'History', 'IT', 'Math', 'Quran', 'Science', 'Spanish'],
},
series: [{
name: 'Topic',
data: [52, 22, 17, 36, 49, 18, 15, 77, 17, 22, 39, 22]
}]
},
{
/**Relation */
title: {
text: 'Relation'
},
xAxis: {
data: ['Mum', 'Father']
},
series: [{
name: 'Relation',
data: [153, 233]
}]
},
{
/**Raised hands */
title: {
text: 'Raised hands'
},
xAxis: {
data: ['0-19', '20-39', '40-59', '60-79', '80-99']
},
series: [{
name: 'Raised hands',
data: [115, 68, 34, 87, 82]
}]
},
{
/**Discussion */
title: {
text: 'Discussion'
},
xAxis: {
data: ['0-29', '30-69', '70-100']
},
series: [{
name: 'Discussion',
data: [140, 150, 96]
}]
},
{
/**Parent school satisfaction */
title: {
text: 'satisfaction'
},
xAxis: {
data: ['Good', 'Bad']
},
series: [{
name: 'satisfaction',
data: [237, 149]
}]
},
{
/**Student absence days */
title: {
text: 'Student absence days'
},
xAxis: {
data: ['Above 7(days)', 'Under 7(days)']
},
series: [{
name: 'absence',
data: [148, 238]
}]
},
]
};