参考：预览地址http://jsfiddle.net/bv16o50f/1/

html

<div class="visualization">
  <svg xmlns="http://www.w3.org/2000/svg" class="chart-container" width="900" height="440">
    <g transform="translate(90, 10)">
      <g transform="translate(0, 302)">
        <path fill="none" stroke="#777" d="M 0 6 V 0 H 779 V 6" />
      </g>
      <g>
        <line stroke="#2e9ccc" stroke-width="50" transform="translate(253)" x1="0" y1="302" x2="0" y2="14" />
        <line stroke="#2e9ccc" stroke-width="100" transform="translate(253)" x1="150" y1="302" x2="150" y2="119" />
      </g>
    </g>
  </svg>
</div>

更多相关文章

1. 浏览器的地址栏尺寸是否会影响CSS媒体查询？
2. html高德地图ip定位之后拖动自定义定位地址
3. PHP将邮件发送到多个电子邮件地址
4. PHP如何获得地址栏的特殊字符呢？
5. 使用jQuery和ajax更改浏览器地址栏URL，无需重载页面[重复]
6. 使用IP地址方法登录MySQL数据库Can't connect to MySQL serv
7. 如何在C中删除多个闪存地址？
8. Python学习之——Tcp/ip基础/IP地址/DNS/端口简介
9. 【python coding 1：网络检测】ping本地文件里的ip地址

随机推荐

1. html中padding和margin的区别
2. HTML结构语义化
3. ASP.NET按部分ID查找控件
4. HTML5 AJAX跨域请求
5. 前端引用公共html模块方案探索
6. 从PHP数组创建HTML列表
7. 为什么css不能与这个div一起工作?
8. 在微信中实现HTML页面保存成图片
9. 在离开当前页面时调用函数。
10. 网站设计思想