在 Apache eChart 中设置图表周围的边框

Question

有没有办法在 Apache eChart 中创建边框？ 我查看了文档，尝试了各种组合，但似乎无法在图表周围放置边框。

我将它们放在表格中，可以通过这种方式添加边框，但是能够将它们添加到图表而不是表格中会很好。

Answer 1

您可以在 echarts 中的网格周围添加边框。使用包含主网格的第二个网格，您可以在图表周围创建边框。

示例：

option = {
  grid: [
    {},
    {
      left: 0,
      top: 0,
      right: 0,
      bottom: 0,
      show: true,
      borderColor: 'red',
      borderWidth: 1
    }
  ],
  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'
    }
  ]
};

您还可以在 echarts 使用的 div 元素上添加边框。