我希望谷歌折线图 x 轴在 1000 个数据后移动

发布于 2025-01-20 09:27:06 字数 1243 浏览 1 评论 0原文

我希望Google线图的X轴在1000个数据后移动。由于我是JavaScript的初学者,所以我能够做很多事情。 我将使用此代码在Raspberry Pi上读取传感器。

    <script>
        google.charts.load("current", { packages: ["corechart", "line"] });
        google.charts.setOnLoadCallback(drawChart);

        function drawChart() {
            let data = google.visualization.arrayToDataTable([
                ["Year", "CPU Usage"],
                [0, 0],
            ]);

            let options = {
                width: 1000,
                height: 500,
                legend: "top",

            };

            let chart = new google.visualization.LineChart(document.getElementById("chart_div"));
            chart.draw(data, options);

            let index = 0;
            setInterval(function () {
                var jsonData = $.ajax({
                    type: "GET",
                    dataType: "json",
                    url: "HTTP://192.168.1.7:8000/",
                    async: false,
                }).responseJSON;

                let random_1 = jsonData["d7s_si"];

                data.addRow([index, random_1]);
                chart.draw(data, options);
                index++;
            }, 100);
        }
    </script>

I want the x-axis of google line chart to shift after 1000 data. Since I am a beginner in javascript, I was able to do this much.
i will use this code to read sensor on raspberry pi.

    <script>
        google.charts.load("current", { packages: ["corechart", "line"] });
        google.charts.setOnLoadCallback(drawChart);

        function drawChart() {
            let data = google.visualization.arrayToDataTable([
                ["Year", "CPU Usage"],
                [0, 0],
            ]);

            let options = {
                width: 1000,
                height: 500,
                legend: "top",

            };

            let chart = new google.visualization.LineChart(document.getElementById("chart_div"));
            chart.draw(data, options);

            let index = 0;
            setInterval(function () {
                var jsonData = $.ajax({
                    type: "GET",
                    dataType: "json",
                    url: "HTTP://192.168.1.7:8000/",
                    async: false,
                }).responseJSON;

                let random_1 = jsonData["d7s_si"];

                data.addRow([index, random_1]);
                chart.draw(data, options);
                index++;
            }, 100);
        }
    </script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文