d3实现柱状图图表效果代码-html代码-BFW代码库

d3实现柱状图图表效果代码

代码语言：html

所属分类：图表

代码描述：d3实现柱状图图表效果代码

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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <style>
        .align {
          display: grid;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          justify-items: center;
          place-items: center;
        }
        
        /* layout/base.css */
        
        :root {
          --bodyFontFamily: 'Roboto', sans-serif;
          --bodyLineHeight: 1.5;
        }
        
        * {
          -webkit-box-sizing: inherit;
                  box-sizing: inherit;
        }
        
        html {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
        }
        
        body {
          font-family: 'Roboto', sans-serif;
          font-family: var(--bodyFontFamily);
          line-height: 1.5;
          line-height: var(--bodyLineHeight);
          margin: 0;
          min-height: 100vh;
        }
        
        /* modules/chart.css */
        
        :root {
          --chartMarginBlockEnd: 1.5rem;
        
          --chartBarColor: #f32a64;
        
          --chartColumnColor: #e6edf4;
        
          --chartAxisColor: .........完整代码请登录后点击上方下载按钮下载查看