Repository: louislam/uptime-kuma
File: src/components/PingChart.vue (Vue)

Code before:
                        fill: "origin",
                        tension: 0.2,
                        borderColor: "#126331",
                        backgroundColor: "#2F9C5914",
                        yAxisID: "y",
                        label: this.$t("minPing") || "Min Ping",
                    },
                    {
                        // average ping chart
                        data: avgPingData,
                        fill: "origin",
                        tension: 0.2,
                        borderColor: "#5CDD8B",
                        backgroundColor: "#5CDD8B06",
                        yAxisID: "y",
                        label: this.$t("avgPing") || "Avg Ping",
                    },
                    {
                        // maximum ping chart
                        data: maxPingData,
                        fill: "origin",
                        tension: 0.2,
                        borderColor: "#21b55a",
                        backgroundColor: "#1E7A4214",
                        yAxisID: "y",
                        label: this.$t("maxPing") || "Max Ping",
                    },
                    {
                        // Bar Chart
                        type: "bar",
                        data: downData,
                        borderColor: "#00000000",
                        backgroundColor: colorData,
                        yAxisID: "y1",
                        barThickness: "flex",
                        barPercentage: 1,
                        categoryPercentage: 1,
                        inflateAmount: 0.05,
                        label: "status",
                    },
                ],
            };
        },
    }
};
</script>

<style lang="scss" scoped>
@import "../assets/vars.scss";

.form-select {

Review comment (suggestion):
```suggestion
                        label: this.$t("maxPing"),
```

Code after:
                        data: minPingData,
                        fill: "origin",
                        tension: 0.2,
                        borderColor: "#126331",
                        backgroundColor: "#2F9C5914",
                        yAxisID: "y",
                        label: this.$t("minPing"),
                    },
                    {
                        // average ping chart
                        data: avgPingData,
                        fill: "origin",
                        tension: 0.2,
                        borderColor: "#5CDD8B",
                        backgroundColor: "#5CDD8B06",
                        yAxisID: "y",
                        label: this.$t("avgPing"),
                    },
                    {
                        // maximum ping chart
                        data: maxPingData,
                        fill: "origin",
                        tension: 0.2,
                        borderColor: "#21b55a",
                        backgroundColor: "#1E7A4214",
                        yAxisID: "y",
                        label: this.$t("maxPing"),
                    },
                    {
                        // Bar Chart
                        type: "bar",
                        data: downData,
                        borderColor: "#00000000",
                        backgroundColor: colorData,
                        yAxisID: "y1",
                        barThickness: "flex",
                        barPercentage: 1,
                        categoryPercentage: 1,
                        inflateAmount: 0.05,
                        label: "status",
                    },
                ],
            };
        },
    }
};
</script>

<style lang="scss" scoped>
@import "../assets/vars.scss";