Back to documentation

BarChart

A bar chart represents data as bars.

Information

Plan: Pro

Properties

PropertyTypeDefault
Bars
{
  "items": {
    "props": {
      "label": {
        "type": "string"
      },
      "value": {
        "type": "number"
      }
    },
    "type": "object"
  },
  "type": "array"
}
[]
Width
string
"100%"
Height
string
"300px"
Color - Bar
string
"var(--ophixor-semantic-text-secondary)"
Color - Bar - Negative
string
"var(--ophixor-semantic-text-secondary)"
Background color
string
"var(--ophixor-semantic-surface-base)"
Background color - Bar
string
"var(--ophixor-semantic-interactive-primary)"
Background color - Bar - Negative
string
"var(--ophixor-semantic-status-danger)"
Background color - Zero line
string
"var(--ophixor-semantic-border-default)"
Border color
string
"var(--ophixor-semantic-border-default)"
Border radius
string
"8px"
Border width
string
"1px"
Border style
string
"solid"
Box shadow
string
"var(--ophixor-semantic-shadow-sm)"
Is visible
boolean
true
Selectors
array
[]