js echarts饼状图环形图

ECharts是一个流行的JavaScript数据可视化库，它支持多种图表类型，包括饼状图和环形图。饼状图用于展示各个部分占整体的比例，而环形图则是饼状图的一种变体，常用来强调比例间的差异。

在ECharts中创建饼状图或环形图，你需要先引入ECharts库，然后通过配置项定义图表结构，包括标题、标签、系列（其中包含数据和视觉样式如颜色、形状等）、以及是否启用动画等。例如，以下是基本的饼状图配置：

var option = {
    title: { text: '饼状图示例' },
    tooltip: {},
    series: [{
        name: '访问来源',
        type: 'pie', // 饼状图
        data: [
            { value: 335, name: '搜索引擎' },
            { value: 310, name: '直接访问' },
            { value: 234, name: '联盟广告' },
            { value: 135, name: '邮件营销' }
        ],
        radius: ['45%', '75%'], // 环形图的内外半径
        label: {
            show: true,
            position: 'center'
        },
        itemStyle: {
            emphasis: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
        }
    }]
};

如果你想要制作环形图，则只需将`type: 'pie'`改为`type: 'ring'`即可。ECharts提供了丰富的API和定制选项，可以满足各种复杂的视觉需求。