Bar Chart


Props

  • filter Array
      filterData: [ 
        { 
          filterTitle: "Please select the Portfolio:",
          filterKey: "filter1", 
          filterOption: [ 
            { 
              key:  "hong-kong-portfolio", 
              value: "Hong Kong Portfolio", 
              checked: false 
            } 
          ] 
        } 
      ]
    
  • labels Array
    ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"]
  • datasets Array
      [
        {
          label: "Member Agreement Tracker",
          backgroundColor: "red",
          stack: "Stack 0",
          data: [66, 93, 31, 76, 39, 75, 36],
          filterType: {
            filter1: "hong-kong-portfolio"
          }
        }
      ]
    
  • leftTitle String
  • bottomTitle String

Demo

Please select the Portfolio:
Hong Kong Portfolio
The Chinese Mainland Portfolio
U.S.A. Portfolio
Hotels
Please select:
Scope 1
Scope 2