今年${data.bqs[params[0].dataIndex]} TEU

同比${params[1].value}%

`; } else { str = `

今年${data.bqs[params[0].dataIndex]} TEU

环比${params[3].value}%

同比${params[2].value}%

`; } return str; }, }, legend: { // icon: "circle", top: '8%', selectedMode: false, left: 'center', itemWidth: 16, itemHeight: 10, textStyle: { color: '#fff', }, itemGap: 50, }, grid: { left: '20px', right: '20px', top: '20%', bottom: '20px', containLabel: true, }, xAxis: [ { type: 'category', boundaryGap: true, axisTick: { show: false, }, data: xData, axisLine: { lineStyle: { color: '#fff', }, onZero: false, }, axisLabel: { interval: 0, color: '#fff', fontSize: 16, }, }, ], yAxis: [ { type: 'value', axisTick: { show: false, }, axisLine: { show: true, lineStyle: { color: '#FFF', }, symbol: ['none', 'arrow'], symbolSize: [5, 12], symbolOffset: [0, 10], }, axisLabel: { interval: 0, color: '#fff', fontSize: 16, }, splitLine: { show: false, lineStyle: { color: 'rgba(39, 57, 75, 1)', width: 1, type: 'solid', }, }, }, { type: 'value', axisTick: { show: false, }, axisLine: { show: true, lineStyle: { color: 'rgba(207, 227, 252, 1)t', }, symbol: ['none', 'arrow'], symbolSize: [5, 12], symbolOffset: [0, 10], }, axisLabel: { interval: 0, color: function (value) { if (value > 0) { return '#00FCF9'; } else if (value < 0) { return '#FF4E00'; } else { return '#fff'; } }, formatter: '{value} %', fontSize: 16, }, splitLine: { show: false, lineStyle: { color: 'rgba(39, 57, 75, 1)', width: 1, type: 'solid', }, }, }, ], series: series, };

Echarts在线免费图表