Javascript 我可以在同一页上显示多个图表吗？

我想在我的页面上显示两个图表。一个显示良好，但另一个图表不存在。在script.js文件中，我用相同的类名声明了它们。我做错了什么

@font-face{
字体系列：Alvaro压缩；
src:url（“alvaroconned.woff”）格式（“woff”），url（“alvaroconned.ttf”）格式（“truetype”）；
}
@字体{
字体系列：Alvaro压缩；
src:url（“webfont.eot”）；/*IE9兼容模式*/
src:url（“webfont.eot？#iefix”）格式（“嵌入式opentype”），/*IE6-IE8*/
url（“webfont.woff”）格式（“woff”），/*现代浏览器*/
url（“webfont.ttf”）格式（“truetype”）、/*Safari、Android、iOS*/
url（“webfont.svg#svgFontName”）格式（“svg”）；/*旧版iOS*/
}
div{
字体系列：Raleway、无衬线、Arial、Helvetica、Alvaro；
}
身体{
保证金：0自动；
--颜色：#d0afcf；
颜色：rgba（240221241）；；
背景色：var（--color）；
字号：1em；
}
.区域{
过渡：所有0.3s线性；
}
/*头衔*/
格林先生{
显示器：flexbox；
填充：20px；
利润率：20px；
}
.绿色h1{
字体系列：雷威；
字号：3em；
/*边缘顶部：-0.1米；
边距底部：0.1米；或线条高度：默认值或150%*/
}
.主动{
字体：雷威；
字体：斜体；
/*字体大小：0.7em*/
}
h1{
字体系列：Alvaro压缩；
文本转换：大写；
}
/*@仅媒体屏幕和（最大宽度：600px）{
格林先生{
字号：0.938em；
}
.盒子{
字号：0.938em；
}
} */
/***********************************************************************
*掩护
**********************************************************************/
.掩护{
/*显示高度：自动*/
高度：50vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
/***********************************************************************
*格栅板
**********************************************************************/
.网格包装器{
显示：网格；
网格模板列：重复（自动填充，最小值（350px，1fr））；
}
.盒子{
背景色：#fff；
填充：20px；
利润率：20px；
}
/*辅助字体*/
.1 h1{
字号：9em；
边缘顶部：-0.05em；
边缘底部：-0.15em；
文本转换：大写；
}
/*辅助字体*/
.2 h1{
字号：6em；
边缘顶部：-0.1米；
边缘底部：-0.1米；
文本转换：大写；
}
.5 h1{
文本转换：大写；
}
欧利{
边缘底部：10px；
}
ol{
左侧填充：0；
左边距：20px；
}
/*主字体*/
h4{
文本转换：大写；
}
.5 h1{
字体系列：Alvaro压缩；
字号：4em；
边缘顶部：-0.2米；
边缘底部：-0.3em；
}
.box>画布{
宽度：100%；
高度：自动；
}
/***********************************************************************
*页脚
**********************************************************************/
页脚{
文本对齐：居中；
背景色：#444；
}

Arbeidsmarkt annu nu
梅斯特·坎斯在科罗纳后的提登

泰尔安塔尔贝罗蓬酒店
泰尔安塔尔贝罗蓬酒店
23953
读者在查看页面布局时会被页面的可读内容分散注意力，这是一个早已确定的事实。使用Lorem Ipsum的意义在于，它的字母分布或多或少是正态的，而不是使用“此处内容，此处内容”，使其看起来像可读的英语。许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认模型文本，搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站

这是一本书
贝罗蓬
纳姆
特威德·贝罗普·纳姆酒店
德尔德贝罗普纳姆酒店
维尔德·贝罗普·纳姆
贝罗普纳姆酒店
泽斯德·贝罗普·纳姆
泽文德贝罗普纳姆酒店
查特会见了贝罗彭纳门合作lbo niveau van laag naar hoog
Ipsum作为他们的默认模型文本，搜索“lorem Ipsum”将发现许多网站仍处于起步阶段

查特会见了hbo尼沃·凡·拉格·纳尔·胡格先生
Ipsum作为他们的默认模型文本，搜索“lorem Ipsum”将发现许多网站仍处于起步阶段

我是komt nog een titel
海尔科姆提耶茨酒店
Ipsum作为其默认模型文本


我的名字叫安德勒
沃尔·瓦奇利约克先生
Ipsum作为其默认模型文本


中间人/werkgevers meesta aanbod度假酒店
Ipsum作为其默认模型文本

由z=>m制造

HTML格式不正确。有10个

第一步是。HTML格式不好。有10个
是第一步。