2020年9月

收藏备用,很优秀的js UI

传送门:http://www.ligerui.com/

LigerUI 是基于jQueryUI框架,其核心设计目标是快速开发、使用简单、功能强大、轻量级、易扩展。简单而又强大,致力于快速打造Web前端界面解决方案,可以应用于.net,jsp,php等等web服务器环境。

采用Echarts图表控件API根据情况修改。

    ... //省略代码

    //模拟后台数据,每组6条数据
    var res = [
        [22, 34, 5, 2, 45, 29],
        [34, 74, 21, 6, 55, 69],
        [76, 64, 20, 4, 75, 22],
        [42, 39, 65, 11, 41, 49],
    ];
    //定时器
    setInterval(function getRes() {
        //获取数组中的数据组,直实环境下此段省略
        var i = parseInt(Math.random() * res.length);
        //将获取到的数据赋值给图表`option`内的`data`数组
        option.series[0].data = res[i];
        //渲染数据
        myChart.setOption(option);
    }, 1000); //间隔1秒钟向后台请求数据

    ... //省略代码

Echarts传送门:https://echarts.apache.org/zh/index.html