Line Graph - Multiline

Pic

Description

A line graph generated from input data.

OPTIONS

  • Graph Title (String)
    • Title displayed in widget container
  • Data

    • An array of groups, where name equals the group name and values is an array of coordinate objects.
    • Note that each x value must be unique for its containing group.
        {
            "groups": [{
                "name": "Bar sales",
                "values": [{
                    "x": "2016-01-01T06:00:00.000Z",
                    "y": 44
                }, {
                    "x": "2016-01-02T06:00:00.000Z",
                    "y": 19
                }]
            }, {
                "name": "Foo sales",
                "values": [{
                    "x": "2016-01-01T06:00:00.000Z",
                    "y": 43
                }, {
                    "x": "2016-01-02T06:00:00.000Z",
                    "y": 98
                }]
            }]
        }
    
  • Size In Blocks (Int)

    • See Portal Overview for info on block size
  • Domain Title (String)

    • X-Axis Label for vertical orientation
    • Y-Axis Label for horizontal orientation
  • Range Title (String)

    • Y-Axis Label for vertical orientation
    • X-Axis Label for horizontal orientation
  • Title Color (CSS Qualified Color)

    • Color of graph title and axis labels
  • Axis Color (CSS Qualified Color)

    • Color of axis lines and increment labels
  • Line Color (CSS Qualified Color)

    • Stroke color of the line

CSS Qualified Color

  • Hex
    • #CCCCCC
  • RGB
    • rgb(255,255,255)
  • RGBA
    • rgba(255,255,255,1)