1. 程式人生 > >Echarts——柱狀圖(各引數詳細描述)

Echarts——柱狀圖(各引數詳細描述)

      var echarts = require('echarts');
      var myChart = echarts.init(document.getElementById('item'));
      let option = {
        title : {
        text: (new Date()).getFullYear()+'年度',
      },
      tooltip : {
        trigger: 'axis'
      },
      legend: {
        data:['入庫數','取件數','退件數'
] }, toolbox: { show : true, feature : { mark : {show: true}, dataView : {show: true, readOnly: false}, magicType : {show: true, type: ['line', 'bar']}, restore : {show: true}, saveAsImage : {show: true} } }, calculable : true
, xAxis : [ { type : 'category', data : ['天天快遞','申通快遞','德邦快遞'] } ], yAxis : [ { type : 'value' } ], series : [ { name:'入庫數', type:'bar', data:[12,,34,20], markPoint : { data : [ {type
: 'max', name: '最大值'}, {type : 'min', name: '最小值'} ] }, markLine : { data : [ {type : 'average', name: '平均值'} ] } }, { name:'取件數', type:'bar', data:[14,11,40], markPoint : { data : [ {type : 'max', name: '最大值'}, {type : 'min', name: '最小值'} ] }, markLine : { data : [ {type : 'average', name: '平均值'} ] } }, { name:'退件數', type:'bar', data:[34,12,8], markPoint : { data : [ {type : 'max', name: '最大值'}, {type : 'min', name: '最小值'} ] }, markLine : { data : [ {type : 'average', name: '平均值'} ] } }, ]}; myChart.setOption(option); }