python
import pandas as pd
import matplotlib.pyplot as plt

# 读取Excel数据，筛选空值和异常值（接口频次不能为负）
df = pd.read_excel("interface_data.xlsx")
df_clean = df.dropna(subset=["日期", "接口调用频次"]).query("接口调用频次 >= 0")

# 按日期分组统计，计算每日接口总调用频次
daily_stats = df_clean.groupby("日期")["接口调用频次"].sum().reset_index()

# 生成折线图并美化
plt.rcParams['font.sans-serif'] = ['SimHei']  # 解决中文显示问题
plt.figure(figsize=(12, 6))
plt.plot(daily_stats["日期"], daily_stats["接口调用频次"], marker='o', color='#1f77b4')
plt.title("每日接口调用频次统计", fontsize=14, pad=20)
plt.xlabel("日期", fontsize=12)
plt.ylabel("接口调用频次", fontsize=12)
plt.xticks(rotation=45)
plt.grid(alpha=0.3)

# 保存图表
plt.tight_layout()
plt.savefig("daily_interface_stats.png", dpi=300)
print("图表生成完成，数据筛选后有效条数：", len(df_clean))

vue
<!-- 原Vue3按钮组件核心代码 -->
<template>
  <button class="custom-btn" :disabled="isDisabled" @click="handleClick">
    {{ btnText }}
  </button>
</template>

<script setup>
import { defineProps, defineEmits } from 'vue'
const props = defineProps({
  btnText: { type: String, default: '确认' },
  isDisabled: { type: Boolean, default: false }
})
const emit = defineEmits(['click'])
const handleClick = () => {
  if (!props.isDisabled) emit('click')
}
</script>

jsx
// AI转译后的React 18函数式组件核心代码
import { useState } from 'react';

const CustomButton = ({ btnText = '确认', isDisabled = false, onClick }) => {
  // 保持与Vue组件一致的点击逻辑
  const handleClick = () => {
    if (!isDisabled && onClick) {
      onClick();
    }
  };

  return (
    <button className="custom-btn" disabled={isDisabled} onClick={handleClick}>
      {btnText}
    </button>
  );
};

export default CustomButton;