html 条形图 - HTML

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 条形图 - HTML相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>

<style>
#chart div {
  background-color: brown;
  height: 25px;
  margin: 5px;
}
</style>

<div id="chart">
  <div style="width: 50px;"></div>
  <div style="width: 250px;"></div>
  <div style="width: 150px;"></div>
  <div style="width: 200px;"></div>
  <div style="width: 100px;"></div>
</div>

以上是关于html 条形图 - HTML的主要内容,如果未能解决你的问题,请参考以下文章

具有重复颜色的 HTML5 图表堆叠条形图

html D3:带边距的条形图

html 条形图 - SVG

html 条形图Jekyll LIquid for JSON

如何在 HTML5 中为 ipad Web 应用程序创建条形图 [关闭]

第三篇:R语言数据可视化之条形图