asp.net+echart饼图 自动轮播提示框代码

以下是一个简单的示例代码，实现了在ASP.NET网页中使用Echarts饼图，并添加了提示框自动轮播的功能：

<!-- 引入Echarts和jQuery库 -->
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.9.0/echarts.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<!-- 在HTML中添加一个div元素，用于显示饼图 -->
<div id="chart" style="width:600px;height:400px;"></div>

<script>
    // 定义饼图数据
    var data = [
        {value: 335, name: '直接访问'},
        {value: 310, name: '邮件营销'},
        {value: 234, name: '联盟广告'},
        {value: 135, name: '视频广告'},
        {value: 1548, name: '搜索引擎'}
    ];
    
    // 初始化Echarts图表
    var chart = echarts.init(document.getElementById('chart'));
    
    // 配置饼图参数
    var option = {
        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b}: {c} ({d}%)'
        },
        legend: {
            orient: 'vertical',
            left: 10,
            data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
        },
        series: [
            {
                name: '访问来源',
                type: 'pie',
                radius: ['50%', '70%'],
                avoidLabelOverlap: false,
                label: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    label: {
                        show: true,
                        fontSize: '30',
                        fontWeight: 'bold'
                    }
                },
                labelLine: {
                    show: false
                },
                data: data
            }
        ]
    };
    
    // 设置自动轮播效果
    var currentIndex = -1;
    setInterval(function () {
        var dataLen = option.series[0].data.length;
        // 取消之前高亮的图形
        chart.dispatchAction({
            type: 'downplay',
            seriesIndex: 0,
            dataIndex: currentIndex
        });
        currentIndex = (currentIndex + 1) % dataLen;
        // 高亮当前图形
        chart.dispatchAction({
            type: 'highlight',
            seriesIndex: 0,
            dataIndex: currentIndex
        });
        // 显示提示框
        chart.dispatchAction({
            type: 'showTip',
            seriesIndex: 0,
            dataIndex: currentIndex
        });
    }, 2000);
    
    // 在图表中显示数据
    chart.setOption(option);
</script>

在以上代码中，我们首先定义了一个饼图的数据，然后通过Echarts库初始化了一个图表，并配置了饼图的参数。接着，我们使用`setInterval`函数实现了提示框自动轮播的效果，每隔一段时间高亮下一个饼图区块，并显示对应的提示框。最后，我们将配置好的参数应用到图表中，通过`setOption`函数显示数据。