echarts水球图例子

最新推荐文章于 2024-11-18 16:43:23 发布

vipp666

最新推荐文章于 2024-11-18 16:43:23 发布

阅读量792

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 js

本文链接：https://blog.csdn.net/vipp666/article/details/103085839

js 同时被 2 个专栏收录

7 篇文章

订阅专栏

前端

2 篇文章

订阅专栏

先引入echarts和水球图的js

<script src='../dist/echarts.js'></script>
<script src='../dist/echarts-liquidfill.js'></script>

然后js中写

var bgColor = '#E3F7FF';
var options = {
              series: [{
                    type: 'liquidFill',
                    data: [0.6, 0.5, 0.4, 0.3],
                    radius: '70%',
                    outline: {
                        show: false
                    }
                }]
};

var chart = echarts.init(document.getElementById('HHH6'));
chart.setOption(options);

            window.onresize = function () {
                chart.resize();
            };
            
 setInterval(update, 1000); //定时刷新数据

            function update() {
                var data = [];
                var last = 1;
                for (var i = 0; i < 4; ++i) {
                    last = Math.floor(last * (Math.random() * 0.5 + 0.5)
                        * 100) / 100;
                    data.push(last);
                }
               chart.setOption({
                    series: [{
                        data: data
                    }]
                });
            }```