图表echarts 柱状配置项内容和展示

       option = {
     legend: {
         orient: 'vertical',
         x: '80%',
         y: '60%',
         icon: 'rect',
         data: ['中国', '巴西', '印尼', '美国', '印度']
     },
     tooltip: {},
     dataset: {
         source: [
             ['巴西', 85.8],
             ['印尼', 43.3],
             ['美国', 83.1],
             ['印度', 86.4],
             ['中国', 72.4]
         ]
     },
     xAxis: {
         type: 'value',
         show:false,
         boundaryGap: [0, 0.01],
         axisTick: {
             show: false
         },
         axisLine: {
             show: false,
             lineStyle: {
                 color: '#fff',
             }
         },
         splitLine: {
             show: false
         },
     },
     yAxis: {
         type: 'category',
         axisTick: {
             show: false
         },
         "splitLine": { //网格线
             "show": false
         },
         inverse: 'true', //排序
         axisLine: {
             show: false,
             lineStyle: {
                 color: '#fff',
             }
         },
     },
     grid: {
         top: '0%',
         bottom: '70%'
     },
     series: [{
             type: 'bar',
             smooth: true,
             seriesLayoutBy: 'column',
             label: {
                 normal: {
                     show: true,
                     position: 'right'
                 }
             },
             itemStyle: {
                 normal: {
                     show: true,
                     color: function(params) {
                         return {
                             type: 'linear',
                             colorStops: [{
                                     offset: 0,
                                     color: '#2378f7'
                                 },
                                 {
                                     offset: 1,
                                     color: '#83bff6'
                                 }
                             ]
                         }
                     },
                 },
                 emphasis: {
                     color: function(params) {
                         return {
                             type: 'linear',
                             colorStops: [{
                                     offset: 0,
                                     color: '#83bff6'
                                 },
                                 {
                                     offset: 1,
                                     color: '#2378f7'
                                 },
                             ]
                         }
                     },
                 }
             },
         },
         {
             type: 'pie',
             id: 'pie',
             selectedMode: 'multiple',
             center: ['40%', '75%'],
             radius: ['20%', '30%'],
             label: {
                 formatter: '{@2012} ({d}%)',
             },
         }
     ]
 };


 myChart.setOption(option);