zoukankan      html  css  js  c++  java
  • echarts每隔三秒切换数据

    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="utf-8">
            <title>第一个 ECharts 实例</title>
            <!-- 引入 echarts.js -->
            <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
        </head>
    
        <body>
            <!-- 为ECharts准备一个具备大小(宽高)的Dom -->
            <div id="main" style=" 600px;height:400px;"></div>
            <script type="text/javascript">
                var xData = ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
                var yData = [55, 20, 36, 10, 10, 20]
                time(xData, yData)
    
                function time(xData, yData) {
                    // 基于准备好的dom,初始化echarts实例
                    var myChart = echarts.init(document.getElementById('main'));
    
                    // 指定图表的配置项和数据
                    var option = {
                        title: {
                            text: '第一个 ECharts 实例'
                        },
                        tooltip: {},
                        legend: {
                            data: ['销量']
                        },
                        xAxis: {
                            data: xData,
                        },
                        yAxis: {},
                        series: [{
                            name: '销量',
                            type: 'bar',
                            data: yData,
                        }]
                    };
    
                    // 使用刚指定的配置项和数据显示图表。
                    myChart.setOption(option);
                }
    
    
                var intervalId, timeoutId;
    
                timeoutId = setInterval(function () {
                    var xData = ["呀呀呀", "呀呀呀", "各个", "得得得得", "嗯嗯", "山水山水"]
                    var yData = [33, 22, 11, 99, 33, 44]
                    time(xData, yData)
                }, 3000);
            </script>
        </body>
    
    </html>
  • 相关阅读:
    U盘备份工具
    改进的窗口置顶工具
    有关DLL中封装的MDI子窗体出现TFont错误的解释
    QQ风格程序的编写
    改进的自动按键工具
    万能Update语句
    在DLL中封装的VCL窗体Tab键响应的问题
    自动按键工具
    灵活控制SVN服务
    在DLL动态链接库中封装VCL的MDI子窗体
  • 原文地址:https://www.cnblogs.com/bigbang66/p/15069350.html
Copyright © 2011-2022 走看看