ECharts图表增加外边框或外阴影

在使用ECharts创建图表时，有时为了提高图表的可读性和视觉效果，我们需要给图表增加外边框或外阴影。下面将介绍两种方法来实现这一目标。
方法一：使用series中的itemStyle属性
ECharts中的series对象包含一个itemStyle属性，可以通过设置该属性的borderColor、borderWidth等属性来给图表增加边框。以下是一个示例代码，展示如何给柱状图增加外边框：

option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
itemStyle: {
borderColor: '#fff', // 边框颜色
borderWidth: 1, // 边框宽度
borderType: 'solid' // 边框类型
}
}]
};

在上面的代码中，我们通过设置itemStyle属性的borderColor、borderWidth和borderType属性，给柱状图增加了白色的边框。你可以根据需要修改这些属性的值，以达到你想要的效果。
方法二：使用series中的emphasis属性
除了itemStyle属性外，ECharts中的series对象还包含一个emphasis属性，该属性可以用来设置鼠标悬停时图表的样式。以下是一个示例代码，展示如何给柱状图增加外阴影：

option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
emphasis: {
itemStyle: {
shadowBlur: 10, // 阴影大小
shadowColor: '#000', // 阴影颜色
shadowOffsetX: 0, // 阴影水平偏移量
shadowOffsetY: 2 // 阴影垂直偏移量
}
}
}]
};

在上面的代码中，我们通过设置emphasis属性的itemStyle属性的shadowBlur、shadowColor、shadowOffsetX和shadowOffsetY属性，给柱状图增加了阴影效果。你可以根据需要修改这些属性的值，以达到你想要的效果。