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

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

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>

</head>
<body>
<div id="echart" ></div>
<script>
  window.onload = function setEchartsPie() {
        let $el = document.getElementById("echart");
        let myChart = this.echarts.init($el, '', {
            width: 300,
            height: 200,
        });
        let total =  1000;
        let option = {
            title: {
                zlevel: 0,
                text: [
                    '{value|' + total + '}',
                    '{name|总人数}',
                ].join('\n'),
                rich: {
                    value: {
                        color: '#303133',
                        fontSize: 30,
                        fontWeight: 'bold',
                        lineHeight: 30,
                    },
                    name: {
                        color: '#909399',
                        lineHeight: 10
                    },
                },
                top: 'center',
                left: '145',
                textAlign: 'center',
                textStyle: {
                    rich: {
                        value: {
                            color: '#303133',
                            fontSize: 30,
                            fontWeight: 'bold',
                            lineHeight: 30,
                        },
                        name: {
                            color: '#909399',
                            lineHeight: 10
                        },
                    },
                },
            },
            tooltip: { // 悬停指示
                trigger: 'item',
                formatter: "{b}: {c} "
            },
            series: [