echarts雷达图如何单独设置每个区域的颜色?

发布于 2022-09-13 00:59:08 字数 99 浏览 11 评论 0

如图,所示,如何单独设置每个区域的颜色?不能用渐变。。

image.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

梦在深巷 2022-09-20 00:59:08

image.png
https://www.makeapie.com/edit...

option = {
    title: {
        text: '分类雷达图',
    },
    radar: {
        indicator: [{
                name: '责任心',
                max: 100
            },
            {
                name: '执行力',
                max: 100
            },
            {
                name: '情商',
                max: 100
            },
            {
                name: '沟通能力',
                max: 100
            },
            {
                name: '合作性',
                max: 100
            },
            {
                name: '影响力',
                max: 100
            },
            {
                name: '学习能力',
                max: 100
            },
            {
                name: '洞察力',
                max: 100
            },
            {
                name: '开放性',
                max: 100
            },
            {
                name: '成就导向',
                max: 100
            },
            {
                name: '坚韧性',
                max: 100
            },
        ],
        center: ['50%', '50%'],
        radius: '66%'
    },

    series: [{
        type: 'radar',
        zlevel: 2,
        tooltip: {
            show: true
        },
        lineStyle: {
            width: 1,
            opacity: 1
        },
        areaStyle: {
            normal: {}
        },
        data: [{
                value: [80, 80, 80, 80, 0, 0, 0, 0, 0, 0, 0],
            },
            {
                value: [0, 0, 0, 80, 80, 80, 80, 0, 0, 0, 0],
            },
            {
                value: [0, 0, 0, 0, 0, 0, 80, 80, 80, 80, 0],
            },
            {
                value: [80, 0, 0, 0, 0, 0, 0, 0, 0, 80, 80],
            },

        ]
    }]
};
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文