Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface Dots

This is a DisplayObject. Represents an array of WebGL dots.

...
//in map's return object. this example will draw a colorful square of dots above each bar.
graphics: {
     items: [
         tag: 'Dots',
         key: 'myDots',
         dots: [
             {
                 point: {
                     x: du(d.index()),
                     y: op(du(d.value()), '-', px(100))
                 },
                 color: { r: 1, g: 0, b: 0 }
             },
             {
                 point: {
                     x: op(du(d.index()), '-', px(6)),
                     y: op(du(d.value()), '-', px(94))
                 },
                 color: { r: 1, g: .5, b: 0 }
             },
             {
                 point: {
                     x: du(d.index()),
                     y: op(du(d.value()), '-', px(94))
                 },
                 color: { r: 0, g: .5, b: .5 }
             },
             {
                 point: {
                     x: op(du(d.index()), '-', px(6)),
                     y: op(du(d.value()), '-', px(100))
                 },
                 color: { r: 0, g: 0, b: 1 }
             },
         ],
         style: {
             lineWidth: 3,
             color: '#f00',
         }
     }
}
...

Hierarchy

  • Dots

Properties

Properties

dots: readonly Dot[]

An array of Dot objects that describe the dots in this drawing.

key: string

The graphic element's render key, like an HTML id attribute.

style: LineStyle

The style of the dots as a LineStyle object. Individual dot colors override the color portion of this value

tag: "Dots"

Generated using TypeDoc