[6.0]: Uncaught TypeError: can't access property "value", event.chart.scales.x.ticks[4] is undefined

オープン 初心者向け
#20,626 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
65/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
活発
技術スタック
chart.js, javascript

調査の方向性

js/server/status/monitor.js のクリックハンドラ(スタックフレーム onClick、1333行目付近)から始めてください。このハンドラは event.chart.scales.x.ticks[0] と ticks[4] を存在確認なしに読み取っています。Chart columns を 6、Refresh rate を 20 minutes に設定したとき、グラフにいくつの tick があるかを確認してください。tick をクリックしてもエラーが発生せず、tick が 5 つ未満でも log analyse ダイアログが妥当な日付範囲で開けば完了です。

索引モデルが issue の本文から書いたものです。

説明

Bug
Describe the bug

Uncaught TypeError: can't access property "value", event.chart.scales.x.ticks[4] is undefined when clicking on a chart in Monitor.

How to Reproduce
  1. Go to https://demo.phpmyadmin.net/master-config/public/index.php?route=/server/status/monitor
  2. Click on Settings
  3. Select 20 minutes from Refresh rate
  4. Select 6 from Chart columns
  5. Refresh page
  6. Click on a tick on the chart
  7. See error
Screenshots

https://github.com/user-attachments/assets/58bbc0de-f394-4332-8bbf-0ebd27e5cdfe

phpMyAdmin version

6.0.0-dev+20261113.f4aeb7801c

Additional context
{
    "pma_version": "6.0.0-dev+20261113.f4aeb7801c",
    "browser_name": "FIREFOX",
    "browser_version": "161.0",
    "user_os": "Win",
    "server_software": "nginx/1.26.3",
    "user_agent_string": "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:161.0) Gecko/20100101 Firefox/161.0",
    "locale": "en",
    "configuration_storage": "disabled",
    "php_version": "8.2.35",
    "script_name": "index.php",
    "exception_type": "js",
    "exception": {
        "mode": "stack",
        "name": "TypeError",
        "message": "can't access property \"value\", event.chart.scales.x.ticks[4] is undefined",
        "stack": [
            {
                "func": "onClick",
                "line": "1333",
                "column": "36",
                "context": [
                    "            return;",
                    "          }",
                    "          // @ts-ignore",
                    "          const minDate = new Date(event.chart.scales.x.ticks[0].value);",
                    "          // @ts-ignore",
                    "          const maxDate = new Date(event.chart.scales.x.ticks[4].value);",
                    "          getLogAnalyseDialog(minDate, maxDate);",
                    "        }",
                    "      }",
                    "    });",
                    "    if (initialize !== true) {"
                ],
                "uri": "js/server/status/monitor.js?v=6.0.0-dev%2B20261113.f4aeb7801c",
                "scriptname": "js/server/status/monitor.js"
            },
            {
                "func": "d",
                "line": "7",
                "column": "1113",
                "context": [
                    " * Chart.js v4.6.1",
                    " * https://www.chartjs.org",
                    " * (c) 2026 Chart.js Contributors",
                    " * Released under the MIT License",
                    " */",
                    "!function(t,e){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.//...",
                    "/*!",
                    " * @kurkle/color v0.3.2",
                    " * https://github.com/kurkle/color#readme",
                    " * (c) 2023 Jukka Kurkela",
                    " * Released under the MIT License"
                ],
                "uri": "js/vendor/chart.umd.js?v=6.0.0-dev%2B20261113.f4aeb7801c",
                "scriptname": "js/vendor/chart.umd.js"
            },
            {
                "func": "_handleEvent",
                "line": "13",
                "column": "103528",
                "context": [
                    "/*!",
                    " * @kurkle/color v0.3.2",
                    " * https://github.com/kurkle/color#readme",
                    " * (c) 2023 Jukka Kurkela",
                    " * Released under the MIT License",
                    " */function _t(t){return t+.5|0}const yt=(t,e,i)=>Math.max(Math.min(t,i),e)//...",
                    "//# sourceMappingURL=chart.umd.js.map",
                    ""
                ],
                "uri": "js/vendor/chart.umd.js?v=6.0.0-dev%2B20261113.f4aeb7801c",
                "scriptname": "js/vendor/chart.umd.js"
            },
            {
                "func": "_eventHandler",
                "line": "13",
                "column": "103158",
                "context": [
                    "/*!",
                    " * @kurkle/color v0.3.2",
                    " * https://github.com/kurkle/color#readme",
                    " * (c) 2023 Jukka Kurkela",
                    " * Released under the MIT License",
                    " */function _t(t){return t+.5|0}const yt=(t,e,i)=>Math.max(Math.min(t,i),e)//...",
                    "//# sourceMappingURL=chart.umd.js.map",
                    ""
                ],
                "uri": "js/vendor/chart.umd.js?v=6.0.0-dev%2B20261113.f4aeb7801c",
                "scriptname": "js/vendor/chart.umd.js"
            },
            {
                "func": "s",
                "line": "13",
                "column": "101097",
                "context": [
                    "/*!",
                    " * @kurkle/color v0.3.2",
                    " * https://github.com/kurkle/color#readme",
                    " * (c) 2023 Jukka Kurkela",
                    " * Released under the MIT License",
                    " */function _t(t){return t+.5|0}const yt=(t,e,i)=>Math.max(Math.min(t,i),e)//...",
                    "//# sourceMappingURL=chart.umd.js.map",
                    ""
                ],
                "uri": "js/vendor/chart.umd.js?v=6.0.0-dev%2B20261113.f4aeb7801c",
                "scriptname": "js/vendor/chart.umd.js"
            },
            {
                "func": "ks/n<",
                "line": "13",
                "column": "44327",
                "context": [
                    "/*!",
                    " * @kurkle/color v0.3.2",
                    " * https://github.com/kurkle/color#readme",
                    " * (c) 2023 Jukka Kurkela",
                    " * Released under the MIT License",
                    " */function _t(t){return t+.5|0}const yt=(t,e,i)=>Math.max(Math.min(t,i),e)//...",
                    "//# sourceMappingURL=chart.umd.js.map",
                    ""
                ],
                "uri": "js/vendor/chart.umd.js?v=6.0.0-dev%2B20261113.f4aeb7801c",
                "scriptname": "js/vendor/chart.umd.js"
            },
            {
                "func": "ct/</<",
                "line": "7",
                "column": "5542",
                "context": [
                    " * Chart.js v4.6.1",
                    " * https://www.chartjs.org",
                    " * (c) 2026 Chart.js Contributors",
                    " * Released under the MIT License",
                    " */",
                    "!function(t,e){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.//...",
                    "/*!",
                    " * @kurkle/color v0.3.2",
                    " * https://github.com/kurkle/color#readme",
                    " * (c) 2023 Jukka Kurkela",
                    " * Released under the MIT License"
                ],
                "uri": "js/vendor/chart.umd.js?v=6.0.0-dev%2B20261113.f4aeb7801c",
                "scriptname": "js/vendor/chart.umd.js"
            }
        ],
        "uri": "index.php?route=%2Fserver%2Fstatus%2Fmonitor"
    }
}
主要言語
PHP
スター
8k
フォーク
3.6k
平均マージ
1日 4時間
マージ済み PR(30日)
16

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

phpmyadmin/phpmyadmin のほかの issue

phpmyadmin/phpmyadmin の issue をすべて見る

似ている issue

PHP の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。