Javascript 简单HTML条形图生成 我是一个C++ Linux的家伙，他试图用HTML或JS来制作条形图。 我试着用谷歌搜索如何生成条形图。但我无法正确理解它

我有一个包含以下内容的文件（content.txt）：

A - 0
B - 3
C - 1
D - 2
E - 2 
F - 0

所有字母都需要用Y轴表示。 条形图颜色基于文件中的值。（该值始终在0到3的范围内）

所有四个值都需要用不同的颜色表示

图表如下所示。

---

请帮助我读取content.txt文件（该文件在0到3之间动态地将其值A更改为F）&表示为图形。

如上所述，最困难的部分将是从文件系统读取数据。如果您可以将数据放入JSON blob或对象中，那就容易多了

---

你有什么理由希望条形图完全是HTML格式的吗？对于简单的图表，我强烈推荐ChartJS（）…使用起来非常简单，尤其是当您的数据是JSON/Obj格式时。

在解析文本文件并将数据包含在变量中之后。您必须选择将使用哪个工具绘制此图形。由于这非常具体和简单，我建议您使用底层解决方案，即HTML的Canvas元素。请尝试开始编写一些代码，然后在遇到特定编程问题时提出问题。谢谢您的回答。我没有任何约束，我应该使用html本身。