柱状图bar

柱状图的特点：柱状图描述的是分类数据，呈现的是每一个分类中有多少，通过柱状图，可以很清晰的看出每个分类数据的排名情况

常见效果

1.标记：markPoint ：最大值、最小值；markLine：平均值    

 series: [{
　　name: '语文',
　　type: 'bar',
　　// 标注最大值、最小值
　　markPoint: {
　　　　data: [{
　　　　　　type: 'max',
　　　　　　 name: '最大值'
　　　　　　},
　　　　　　{
　　　　　　type: 'min',
　　　　　　name: '最小值'
　　　　　　}
　　　　]
　　},
　　// 平均值
　　markLine: {
　　　　data: [{
　　　　　　type: 'average',
　　　　　　name: '平均值'
　　　　　　}]
　　},
　　data: yDataArr
}]

 2.显示：label：数值显示；barWidth：柱的宽度；更改x轴和y轴的角色：横向柱状图

series: [{
　　name: '语文',
　　type: 'bar',
　　// 标注最大值、最小值
　　markPoint: {
　　　　data: [{
　　　　　　　　type: 'max',
　　　　　　　　name: '最大值'
　　　　　　},
　　　　　　{
　　　　　　　　type: 'min',
　　　　　　　　name: '最小值'
　　　　　　}
　　　　]
　　},
　　// 平均值
　　markLine: {
　　　　data: [{
　　　　　　type: 'average',
　　　　　　name: '平均值'
　　　　 }]
　　},
　　// 设置数值的显示
　　label: {
　　　　show: true,
　　　　rotate: 60,
　　　　position: 'top'
　　},
　　// 柱的宽度
　　barWidth: '30%',
　　data: yDataArr
}]

树状图横线显示

xAxis: {
　　// type: 'category',
　　type: 'value', //x轴变成只有数值
　　// data: xDataArr
},
yAxis: {
　　// type: 'value'
　　type: 'category', //y轴变成有图形
　　data: xDataArr
},