如下所示繪製條形圖的建議

根據值，我們需要繪製條形圖，如下所示。你有什麼建議？畫布，SVG或一些圖表工具？如下所示繪製條形圖的建議

enter image description here

2012-09-25 dazzle

爲什麼不直接使用普通的舊<div>元素？您可以通過使用CSS寬度作爲百分比來設置條的長度，使用固定大小的父元素，這應該會給您所需的東西。下面的示例，根據需要restyle：

<html> 
    <head> 
     <style> 
      div{ 
       border: 1px solid black; 
      } 
     </style>   
    </head> 
    <body> 
     <div style="width: 200px; height: 20px;"> 
      <div style="width: 30%; height: 18px; background-color: red"></div> 
     </div> 
    </body> 
</html>

來源

2012-09-25 10:44:20 codebox

感謝主席先生的快速響應！ – dazzle

如下所示繪製條形圖的建議

回答

相關問題