Lines

We can also render Annotations as lines.

let chart = new soda.Chart({
  selector: "#soda-chart",
  axis: true,
  zoomable: true,
  inRender: function (this, params): void {
    soda.line({
      chart: this,
      annotations: params.annotations || [],
      strokeColor: 'cadetblue'
    })
  }
});

let ann: Soda.Annotation = soda.generateAnnotations({
  n: 10
})

chart.render({
  annotations: ann
})

---

See the Pen Different glyphs - lines by Jack Roddy (@jackroddy) on CodePen.