echarts环装饼图-简洁版点线模式label

养猪厂在逃厂长

于 2020-12-10 12:18:48 发布

阅读量296

点赞数

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

本文链接：https://blog.csdn.net/weixin_42284211/article/details/110949914

版权

本文展示了如何使用Echarts创建一个简洁的环形饼图，并实现点线模式的Label效果。通过代码示例，读者可以了解如何配置Echarts选项来定制这种图表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

预览图：
在这里插入图片描述
代码部分：


var seriesData = [{
    name: "aaa",
    value: "1212"
}, {
    name: "bbb",
    value: "888"
}, {
    name: "ccc",
    value: "666"
}];


let echartData = {
    outer: seriesData
};

var colorList2 = [{
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [{
                    offset: 0,
                    color: '#cb2934' // 0% 处的颜色
                }, {
                    offset: 1,
                    color: '#d9d9d9' // 100% 处的颜色
                }],
            }, {
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [{
                    offset: 0,
                    color: '#d9d9d9' // 0% 处的颜色

最低0.47元/天解锁文章