All files / lib/labeler segmentlabel.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { getFontSizeWithUnit } from '../util'
 
import Label from './label'
 
/**
 * SegmentLabel object
 */
 
export default class SegmentLabel extends Label {
  constructor(parent, text) {
    super(parent)
    this.labelText = text
  }
 
  render(display) {
    const text = this.getText()
    // Do not attempt to render label if there is no label text.
    if (!text) return null
    const x = this.labelAnchor.x - this.containerWidth / 2
    const y = this.labelAnchor.y - this.containerHeight / 2
 
    // If border-radius is not set, default to +infinity so a disk is rendered.
    const borderRadiusParam =
      display.styler.compute2('segment_labels', 'border-radius', this.parent) ||
      Infinity
    const borderRadius = Math.min(borderRadiusParam, this.containerHeight / 2)
 
    // Draw rounded rectangle for label.
    display.drawRect(
      {
        x,
        y
      },
      {
        // background color
        fill: display.styler.compute2(
          'segment_labels',
          'background',
          this.parent
        ),
        height: this.containerHeight,
        rx: borderRadius,
        ry: borderRadius,
        stroke: display.styler.compute2(
          'segment_labels',
          'border-color',
          this.parent
        ),
        'stroke-width': display.styler.compute2(
          'segment_labels',
          'border-width',
          this.parent
        ),
        width: this.containerWidth
      }
    )
 
    const fontSize = display.styler.compute2(
      'segment_labels',
      'font-size',
      this.parent
    )
    // Offset text location by padding
    display.drawText(
      text,
      {
        x: x + this.getPadding(),
        // Offset y by a couple of pixels to account for off-centeredness.
        y: y + this.getPadding() + 2
      },
      {
        // text color
        fill: display.styler.compute2('segment_labels', 'color', this.parent),
        'font-family': display.styler.compute2(
          'segment_labels',
          'font-family',
          this.parent
        ),
        // Append 'px' if a unit was not specified in font-size.
        'font-size': getFontSizeWithUnit(fontSize)
      }
    )
  }
 
  refresh(display) {
    /* if (!this.labelAnchor) return
 
    if (!this.svgGroup) this.render(display)
 
    this.svgGroup
      .attr('transform', (d, i) => {
        var tx = (this.labelAnchor.x - this.containerWidth / 2)
        var ty = (this.labelAnchor.y - this.containerHeight / 2)
        return 'translate(' + tx + ',' + ty + ')'
      }) */
  }
 
  getPadding() {
    return this.textHeight * 0.3
  }
 
  computeContainerDimensions() {
    this.containerWidth = this.textWidth + this.getPadding() * 2
    this.containerHeight = this.textHeight + this.getPadding() * 2
  }
 
  getBBox() {
    return {
      height: this.containerHeight,
      width: this.containerWidth,
      x: this.labelAnchor.x - this.containerWidth / 2,
      y: this.labelAnchor.y - this.containerHeight / 2
    }
  }
 
  intersects(obj) {
    if (obj instanceof Label) {
      // todo: handle label-label intersection for diagonally placed labels separately
      return this.intersectsBBox(obj.getBBox())
    } else if (obj.x && obj.y && obj.width && obj.height) {
      return this.intersectsBBox(obj)
    }
 
    return false
  }
 
  /* clear () {
    this.labelAnchor = null
    if (this.svgGroup) {
      this.svgGroup.remove()
      this.svgGroup = null
    }
  } */
}