Bar Graph - Dual Y Axis

Pic

Description

A bar graph with two y axes generated from input data.

OPTIONS

  • Orientation (Option)
    • Vertical or horizontal
  • Graph Title (String)
    • Title displayed in widget container
  • Data

    • An array of coordinate objects, where x represents domain, y represents the first range, and y2 represents the second range
    [{
        "x": "label1",
        "y": 5000,
        "y2": 100
    }, {
        "x": "label2",
        "y": 65000,
        "y2": 200
    }]
    
  • 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
  • Range Title 2 (String)

    • Y2-Axis Label for vertical orientation
    • X2-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)