Line Chart


Props

  • filter Array
        [
            {
              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
        [
            {
              filterType: {
                filter1: "hong-kong-portfolio"
              },
              label: "Hong Kong Portfolio (Tonnes of CO₂e/m²/year)",
              backgroundColor: "#FFC6B7",
              borderColor: "#FFC6B7",
              fill: false,
              showLine: true,
              data: [0.12, 0.118, 0.116, 0.111, 0.109],
              hidden: false,
              lineTension: 0
            }
        ]
    
  • leftTitle String
  • bottomTitle String

Demo

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