echarts柱状图带圆角

ECharts是一个强大的JavaScript数据可视化库，它支持创建各种图表，包括柱状图。要在ECharts中创建带有圆角的柱状图，你需要配置`bar`系列的`borderRadius`属性。这个属性用于设置柱形边框的圆角半径，可以是一个数值（所有四个角落都一样），也可以是一个数组[上, 右, 下, 左]，分别对应四个角落的半径。

下面是一个简单的例子：

var option = {
  xAxis: {
    data: ['A', 'B', 'C', 'D', 'E']
  },
  yAxis: {},
  series: [{
    name: '销量',
    type: 'bar',
    data: [5, 20, 36, 10, 10],
    barBorderRadius: [5, 5, 0, 0], // 上右角圆角，下左角直角
  }]
};

echarts.init(document.getElementById('main')).setOption(option);

在这个例子中，`barBorderRadius`设为 `[5, 5, 0, 0]`，意味着顶部和右边的圆角半径为5，而底部和左边保持直线无圆角。