echarts 图例legend添加边框

要在 ECharts 图例中添加边框，可以使用 `legend.itemStyle` 属性，设置 `borderColor` 和 `borderWidth` 的值来实现。例如：

option = {
  legend: {
    data: ['图例一', '图例二', '图例三'],
    itemStyle: {
      borderColor: '#000',
      borderWidth: 1
    }
  },
  series: [
    // 系列数据
  ]
}

这里将图例边框的颜色设置为黑色，边框宽度设置为1个像素。您可以根据需要调整这些值。

相关问题

echarts图例加边框

要给echarts图例加边框，可以在option中的legend中添加itemStyle配置项，并设置borderWidth和borderColor属性来设置边框的宽度和颜色。

示例代码如下：

var option = {
  // 其他配置项...
  
  legend: {
    // 其他配置项...
    
    itemStyle: {
      borderWidth: 1, // 设置边框宽度
      borderColor: "#000", // 设置边框颜色
    },
    
    // 其他配置项...
  },
  
  // 其他配置项...
};

sxechart.setOption(option, true);

echarts legend图例样式

ECharts提供了多种设置图例样式的方式，可以通过以下属性来设置图例样式：

1. textStyle: 设置图例文本的样式，包括颜色、字号、字体等。
2. itemWidth: 设置图例标记的宽度。
3. itemHeight: 设置图例标记的高度。
4. borderColor: 设置图例边框的颜色。
5. borderWidth: 设置图例边框的宽度。
6. borderRadius: 设置图例边框的圆角半径。
7. backgroundColor: 设置图例的背景色。
8. padding: 设置图例内边距。

以下是一个设置图例样式的示例代码：

option = {
  // 设置图例组件
  legend: {
    textStyle: {
      color: '#333',
      fontSize: 14
    },
    itemWidth: 20,
    itemHeight: 14,
    borderColor: '#ccc',
    borderWidth: 1,
    borderRadius: 5,
    backgroundColor: '#fff',
    padding: [10, 20]
  },
  // 其他配置项...
  // ...
};

以上代码设置了图例文本颜色为`#333`，字号为`14`，标记宽度为`20`，标记高度为`14`，边框颜色为`#ccc`，边框宽度为`1`，边框圆角半径为`5`，背景色为`#fff`，内边距为`[10, 20]`。