echarts間隔餅圖實現方法

看問題，Vue專案中要做下面的環形圖效果：

引用熟悉的v-charts元件（基於echarts），翻了下echarts的官方示例，無果！都是無間隔的。

於是繼續在echarts的配置項手冊裡面沉淪，未找到直接控制間隔的配置項。

打工人，打工魂，覺醒吧！一想想幹巴巴的錢包，靈感譁出來了！

解決方案： 給圖塊設定跟背景顏色相同的border即可搞定。

<ve-ring
  :data="chartData"
  :settings="chartSettings"
></ve-ring>

const chartSettings = {
  //關鍵配置 - 設定圓柱間間距
  itemStyle: {
    borderWidth: 8,
    borderColor: "#fff",
  }
};

間隔大小自行調整寬度就好了，明白了嗎？

如果還不明白，或者有其他問題，直接留言或者進群提問。關注公眾號夏爾的小酒館，獲取快樂，就是那麼簡單。