Bar Graph - Grouped

Pic

Description

A bar graph generated from input data.

OPTIONS

  • Orientation (Option)
    • Vertical or horizontal
  • 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. Label is used for the graph legend.
    {
        "groups": [{
            "name": "CA",
            "values": [{
                "x": "0",
                "y": 5000,
                "label": "Under 40"
            }, {
                "x": "1",
                "y": 500,
                "label": "40+"
            }]
        }, {
            "name": "TX",
            "values": [{
                "x": "0",
                "y": 6500,
                "label": "Under 40"
            }, {
                "x": "1",
                "y": 500,
                "label": "40+"
            }]
        }]
    }
    
  • 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
  • Bar Color (CSS Qualified Color)

    • Fill color of the bars

CSS Qualified Color

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