公开-产业专利分布echarts 饼配置项内容和展示

      let datas = [
    { value: 14, name: '互联网' },
    { value: 35, name: '互联网通信' },
    { value: 10, name: '人工智能' },
    { value: 74, name: 'AI技术' },
    { value: 24, name: '电池技术' },
    { value: 34, name: '5G' },
    { value: 7, name: '汽车制造' },
    { value: 24, name: '大数据' },
    { value: 24, name: '医药' },
    { value: 29, name: '工业设计' },
    { value: 14, name: '农业' },
    { value: 64, name: '高新材料' },
    { value: 24, name: '物联网' },
    { value: 29, name: '电脑' },
];

var lineStyle = {
    normal: {
        width: 1,
        opacity: 0.5,
    },
};

option = {
    backgroundColor: '#161627',
    title: {
        text: '个人能力 - 雷达图',
        left: 'center',
        textStyle: {
            color: '#eee',
        },
    },

    legend: {
        orient: 'vertical',
        icon: 'circle',
        y: 'center',
        right: 0,
        textStyle: {
            color: '#AEC9F9',
        },
        itemWidth: 10,
        itemHeight: 10,
        data: datas.map((i) => i.name),
    },
    radar: {
        // 雷达图
        // indicator 美[ 'ɪndɪkeɪtər ] 指标
        // 表示不通的维度，表现为雷达图上的一个轴。
        // 比如：个人能力：运动能力、绘画能力、编程能力等...
        indicator: [{}],
        radius: ['10%', '65%'],
        shape: 'circle',
        splitNumber: 10,
        name: {
            show: false,
            textStyle: {
                color: 'rgb(238, 197, 102)',
            },
        },
        axisLine: {
            lineStyle: {
                color: 'rgba(255, 255, 255, 0)',
            },
        },

        splitLine: {
            lineStyle: {
                color: [
                    'rgba(174,201,249, 0.1)',
                    'rgba(174,201,249, 0.2)',
                    'rgba(174,201,249, 0.4)',
                    'rgba(174,201,249, 0.6)',
                    'rgba(174,201,249, 0.8)',
                    'rgba(174,201,249, 1)',
                ].reverse(),
            },
        },
        splitArea: {
            show: false,
        },
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: ['10%', '50%'],
            center: ['50%', '50%'],
            label: {
                fontSize: 18,
            },
            data: datas,
            roseType: 'radius',
            label: {
                show: false,
            },
            labelLine: {
                show: false,
            },
        },
    ],
};