双轴折现图echarts category配置项内容和展示

       data = {
     "xAxis": ["02-22", "02-23", "02-24", "02-25", "02-26", "02-27", "02-28", "03-01", "03-02", "03-03", "03-04", "03-05", "03-06", "03-07", "03-08", "03-09", "03-10", "03-11", "03-12", "03-13", "03-14", "03-15", "03-16", "03-17", "03-18", "03-19", "03-20", "03-21", "03-22", "03-23", "03-24"],
     "series": [{
         "data": ["2229563", "2273417", "2277332", "2122625", "1964202", "1715535", "1834156", "2395537", "2396979", "2365696", "2140489", "2252957", "1984547", "1467705", "1488768", "1447258", "1447275", "1423666", "1548223", "1392318", "1303481", "1396617", "1397033", "1408110", "1396110", "1616949", "1478932", "1547694", "1303900", "1298353", "1287943"],
         "name": "A"
     }, {
         "data": ["48A1435", "526428", "541409", "528725", "504507", "393798", "326459", "537167", "570002", "583405", "548466", "545513", "518605", "364518", "427350", "454516", "453434", "448910", "453934", "422552", "332165", "420990", "437244", "449331", "445393", "456947", "479129", "410383", "409629", "434501", "446538"],
         "name": "B"
     }],
     "name": "总数"
 }
 var colors = ['rgba(0, 252, 255, 1)', 'rgba(252, 39, 122, 1)'];
 option = {
     color: colors,

     tooltip: {
         show: true,
         trigger: 'axis',
         padding: 15,

         formatter: function(params) {
             var relVal = params[0].name;
             for (var i = 0, l = params.length; i < l; i++) {
                 console.log(' params[i]', params[i])
                 relVal += '<br/>' + params[i].marker + params[i].seriesName + ' : ' + params[i].value;
             }
             return relVal;
         },
     },
     grid: {
         left: '2%',
         right: '2%',
         top: '40',
         containLabel: true,
     },
     legend: {
         data: ['A', 'B'],
         show: true,
         left: '40%',
         top: '10px',
     },
     xAxis: [{
         show: true,
         type: 'category',
         axisTick: {

         },
         data: data.xAxis,
     }, ],
     yAxis: [{
             show: true,
             type: 'value',
             name: '', 
             axisLabel: {
                 formatter: function(param) {
                     return `${param/10000} 万`
                 }
             },
             offset: 0,
             position: 'left'
         },
         {
             show: true,
             type: 'value',
             name: '', 
             axisLabel: {
                 formatter: function(param) {
                     return `${param/10000} 万`
                 }
             },
             offset: 0,
             position: 'right'
         },
     ],
     series: [{
             name: 'A',
             type: 'line',
             data: data.series[0].data,
             areaStyle: {
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                         offset: 0,
                         color: 'rgba(0, 252, 255, 0.8)',
                     },
                     {
                         offset: 1,
                         color: 'rgba(0, 252, 255, 0.2)',
                     },
                 ]),
             },
             yAxisIndex: 0,
         },
         {
             name: 'B',
             type: 'line',
             data: data.series[1].data,
             areaStyle: {
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                         offset: 0,
                         color: 'rgba(252, 39, 122, 1)',
                     },
                     {
                         offset: 1,
                         color: 'rgba(255, 173, 43, 0)',
                     },
                 ]),
             },
             yAxisIndex: 1,

         },
     ],
 };