echarts柱状图负值-动态设置圆角样式

如图, 柱状图有负数时,圆角的样式需要进行动态调整

      series: [
        {
          type: 'bar',
          barWidth: '30',
          // 在这里对data进行自定义配置即可
          data: seriesData.map(item => {
            // console.log(item, 'item')
            return {
              value: item,
              label: {
                show: true,
                fontSize: 12,
                position: 'top',
                distance: 10,
                color: '#666',
                padding: [4, 4],
                formatter: '{c}'
              },
              itemStyle: {
                normal: {
                  barBorderRadius: item > 0 ? [15, 15, 0, 0] : [0, 0, 15, 15], // 动态设置柱状图圆角
                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                    {
                      offset: 0,
                      color: '#94C2FD'
                    },
                    {
                      offset: 1,
                      color: '#5C98CB'
                    }
                  ])
                }
              }
            }
          })
        }
      ]

如若数据为负, 柱状图的文字需要展示在下方,同理

position: item > 0 ? 'top':'bottom'