springboot饼状图

要在Spring Boot中绘制饼图，可以使用Chart.js库。Chart.js是一个流行的JavaScript库，用于绘制各种类型的图表，包括饼图。

以下是在Spring Boot中绘制饼图的步骤：

1.在Spring Boot项目中添加Chart.js库的依赖项。可以将以下依赖项添加到pom.xml文件中：

<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>webjars-locator-core</artifactId>
    <version>0.45</version>
</dependency>

<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>Chart.js</artifactId>
    <version>2.9.4</version>
</dependency>

2.在HTML文件中添加canvas元素，用于绘制饼图：

<canvas id="myChart"></canvas>

3.使用JavaScript代码绘制饼图。可以将以下代码添加到HTML文件中：

<script th:inline="javascript">
    var ctx = document.getElementById("myChart").getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'pie',
        data: {
            labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
            datasets: [{
                data: [12, 19, 3, 5, 2, 3],
                backgroundColor: [
                    'rgba(255, 99, 132, 0.2)',
                    'rgba(54, 162, 235, 0.2)',
                    'rgba(255, 206, 86, 0.2)',
                    'rgba(75, 192, 192, 0.2)',
                    'rgba(153, 102, 255, 0.2)',
                    'rgba(255, 159, 64, 0.2)'
                ],
                borderColor: [
                    'rgba(255, 99, 132, 1)',
                    'rgba(54, 162, 235, 1)',
                    'rgba(255, 206, 86, 1)',
                    'rgba(75, 192, 192, 1)',
                    'rgba(153, 102, 255, 1)',
                    'rgba(255, 159, 64, 1)'
                ],
                borderWidth: 1
            }]
        },
        options: {
            responsive: true,
            maintainAspectRatio: false,
            legend: {
                position: "bottom"
            },
            title: {
                display: true,
                text: 'Pie Chart Example'
            }
        }
    });
</script>

这段代码使用Chart.js库绘制一个饼图，并设置了饼图的标签、颜色、边框等样式。可以根据需要修改这些样式。

4.在浏览器中查看饼图。启动Spring Boot应用程序并在浏览器中打开HTML文件，即可看到绘制的饼图。

以上是在Spring Boot中绘制饼图的基本步骤。可以根据需要修改代码，添加更多的数据和样式，以满足实际需求。