Echarts图表库推荐以及使用Echarts实现饼图端头弧形效果

萧寂173

已于 2024-05-29 09:32:45 修改

阅读量709

点赞数 3

分类专栏： js 文章标签： echarts 前端 javascript

于 2024-05-28 12:18:00 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_68658847/article/details/139263239

版权

下面是一段实现饼图端头弧形效果的Echarts代码

下面代码可以直接新建html文件运行看效果也可以看我下面贴的效果图

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ECharts Pie Chart with Round Caps</title>
    <!-- 引入 ECharts -->
    <script src="https://cdn.jsdelivr.net/npm/echarts@5.2.2/dist/echarts.min.js"></script>
    <!-- 引入插件echarts.simple.min.js,这个插件可以把饼图端头有弧形效果 -->
    <script src="https://cdn.jsdelivr.net/gh/a413107719/echarts-pie-roundcap/echarts.simple.min.js"