src/main/resources/templates/test/test.html

（开头部分） 2KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>数据可视化</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
</head>
<body >
<div style="margin: 0 auto; width: 500px;">
    <!-- 图一所占空间 -->
    <div id="staff_month_orderCount" style="width: 300px;height:300px; margin-bottom: 20px"></div>

    <!-- 图二所占空间 -->
    <div id="staff_all_orderCount" style="width: 300px;height:300px;"></div>

</div>
<!--方式一 cdn-->
<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>

<script type="text/javascript">
    window.onload = function () {
        echart01();
        echart02();

        function echart01() {
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('staff_month_orderCount'),'dark');

            // 指定图表的配置项和数据
            var option = {
                title: {
                    text: '本月员工接单数'
                },
                tooltip: {},
                legend: {
                    data: ['订单数']
                },
                xAxis: {
                    data: ["小李", "张三", "张星野", "梁帅帅", "周泽田"]
                },
                yAxis: {},
                series: [{
                    name: '本月订单数',
                    type: 'bar',
                    data: [5, 20, 36, 10, 20]
                }]
            };
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
        }

        function echart02() {
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('staff_all_orderCount'),"light");

            // 指定图表的配置项和数据
            var option = {
                title: {
                    text: '员工接单总数'
后面还有 22 行代码，购买后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。