tailwind+chart实现手机仪表盘数据统计图表代码-html代码-BFW代码库

tailwind+chart实现手机仪表盘数据统计图表代码

代码语言：html

代码描述：tailwind+chart实现手机仪表盘数据统计图表代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/tailwindcss.3.4.16.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/chart.3.7.1.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet">
<script>
tailwind.config = {
  theme: {
    extend: {
      fontFamily: { sans: ['Inter','ui-sans-serif','system-ui'] }
    }
  }
}
</script>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=IBM+Plex+Serif:wght@300;400;500;600;700&amp;family=IBM+Plex+Mono:wght@300;400;500;600;700&amp;family=Inter&amp;display=swap" rel="stylesheet">
</head>
<body class="min-h-screen flex items-center justify-center bg-gray-100 pt-8 pr-8 pb-8 pl-8">

<!-- Clay Mobile Frame --&g.........完整代码请登录后点击上方下载按钮下载查看