在ECharts中,配置饼图的属性主要通过series组件来实现。以下是一个简单的饼图配置示例:
option = {
    title: {
        text: '饼图示例',
        subtext: '数据来自统计',
        left: 'center'
    },
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b}: {c} ({d}%)'
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['类别1', '类别2', '类别3', '类别4', '类别5']
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: '50%', // 饼图半径,可以设置为像素值或百分比
            center: ['50%', '60%'], // 饼图的中心位置
            data: [
                { value: 335, name: '类别1' },
                { value: 310, name: '类别2' },
                { value: 234, name: '类别3' },
                { value: 135, name: '类别4' },
                { value: 1548, name: '类别5' }
            ],
            emphasis: {
                // 高亮样式
                itemStyle: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};

在上述示例中,关键的饼图配置参数如下:

1. name: 系列名称,这里表示饼图的名称。
2. type: 图表类型,这里是 'pie' 表示饼图。
3. radius: 饼图半径,可以设置为像素值或百分比。
4. center: 饼图的中心位置,可以用百分比表示。
5. data: 饼图的数据,每个数据项包括 value(数值)和 name(名称)。
6. emphasis: 高亮样式,可以在鼠标悬停时显示。

此外,还有其他配置项,比如label用于设置标签显示,itemStyle用于设置饼图的样式,等等。您可以根据具体需求进行调整。




转载请注明出处:http://www.zyzy.cn/article/detail/5406/ECharts