HT for Web + Vue開發（一）

最近公司在做個監控項目。前端使用Ht來畫頁面，網上的資料很少，本人一點一點的時間去熟悉，去着手項目開發，並且滿足開發項目需求

HT是什么？

---

跳轉到：https://www.hightopo.com/guide/guide/core/beginners/ht-beginners-guide.html#ref_filter

引入Ht.js

 

 

<script type="text/javascript" src='./lib/core/ht.js'></script>

 

 created () {
    this.gv = new ht.graph.GraphView()
    this.dm = this.gv.dm()
  },
  mounted () {
    this.gv.addToDOM(this.$refs.htView)
    var shape1 = new ht.Shape()
    this.dm.add(shape1)
    shape1.setStyle('shape.border.width', 70)
    shape1.setStyle('shape.background', 'pink')
    
    shape1.setStyle('shape.border.color', 'grey')
    shape1.setStyle('shape.border.cap', 'butt')
    shape1.setPoints([
      { x:  0, y: 300 },
      { x: 20, y: 20 },
      { x: 0, y: 100 },
      { x: 200, y: 100 }
    ])
    shape1.setSegments([1, 4])
  }