如何在amcharts中更改放大/缩小和主页按钮的形状？我在amcharts库中没有找到任何解决方案。请帮我找到解决方案

在amCharts中更改放大/缩小和主页按钮的形状可以通过自定义按钮样式来实现。以下是一个基本的步骤指南，以及如何通过CSS来自定义这些按钮的形状。

步骤指南：

引入amCharts库：确保你已经在你的项目中引入了amCharts库。
创建自定义按钮：你可以通过JavaScript创建自定义的放大/缩小和主页按钮，并将它们添加到图表的控制区域。
应用CSS样式：使用CSS来自定义按钮的形状、颜色和其他视觉属性。

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>amCharts Custom Buttons</title>
    <script src="https://cdn.amcharts.com/lib/5/index.js"></script>
    <script src="https://cdn.amcharts.com/lib/5/xy.js"></script>
    <style>
        .amcharts-control-button {
            border-radius: 50%; /* 圆形按钮 */
            width: 30px; /* 按钮宽度 */
            height: 30px; /* 按钮高度 */
            background-color: #007bff; /* 背景颜色 */
            color: white; /* 文字颜色 */
            border: none; /* 去掉边框 */
        }
        .amcharts-control-button:hover {
            background-color: #0056b3; /* 鼠标悬停时的背景颜色 */
        }
    </style>
</head>
<body>
    <div id="chartdiv" style="width: 100%; height: 500px;"></div>
    <script>
        am5.ready(function() {
            // 创建根元素
            var root = am5.Root.new("chartdiv");

            // 创建图表
            var chart = root.container.children.push(am5xy.XYChart.new(root, {
                panX: true,
                panY: true,
                wheelX: "panX",
                wheelY: "zoomX",
                layout: root.verticalLayout
            }));

            // 添加示例数据
            var data = [];
            for (var i = 0; i < 100; i++) {
                data.push({ "x": i, "value": Math.random() * 100 });
            }
            var series = chart.series.push(am5xy.LineSeries.new(root, {
                name: "Series",
                xAxis: xAxis,
                yAxis: yAxis,
                valueYField: "value",
                valueXField: "x"
            }));
            series.data.setAll(data);

            // 创建自定义按钮
            var zoomInButton = root.container.children.push(am5.Button.new(root, {
                label: "+",
                themeTags: ["zoom-in"]
            }));
            zoomInButton.icon.style.fill = am5.Color.fromHex("#ffffff");
            zoomInButton.action = () => {
                chart.zoomIn();
            };

            var zoomOutButton = root.container.children.push(am5.Button.new(root, {
                label: "-",
                themeTags: ["zoom-out"]
            }));
            zoomOutButton.icon.style.fill = am5.Color.fromHex("#ffffff");
            zoomOutButton.action = () => {
                chart.zoomOut();
            };

            var homeButton = root.container.children.push(am5.Button.new(root, {
                label: "Home",
                themeTags: ["home"]
            }));
            homeButton.icon.style.fill = am5.Color.fromHex("#ffffff");
            homeButton.action = () => {
                chart.zoomToDates(new Date(2020, 0, 1), new Date(2020, 11, 31));
            };

            // 应用CSS样式
            zoomInButton.classList.add("amcharts-control-button");
            zoomOutButton.classList.add("amcharts-control-button");
            homeButton.classList.add("amcharts-control-button");
        });
    </script>
</body>
</html>