How to use the @patternfly/react-charts.ChartThemeColor.purple function in @patternfly/react-charts

orientation="horizontal"
                  symbolSpacer={5}
                  gutter={2}
                  height={30}
                  padding={{ top: 50, bottom: 0 }}
                  style={{ labels: { fontSize: 8 } }}
                />
              }
              legendPosition="bottom-left"
              padding={{
                bottom: 50,
                left: 30,
                right: 20,
                top: 30,
              }}
              themeColor={ChartThemeColor.purple}
            >
              
              
              
                {chartData.map((data, i) => (
                   // eslint-disable-line react/no-array-index-key
                ))}

<div>
        <div style="{{">
           `${datum.name}: ${datum.y}`} /&gt;}
            domainPadding={{ x: [30, 25] }}
            legendData={[{ name: 'Cats' }, { name: 'Birds' }, { name: 'Dogs' }, { name: 'Mice' }]}
            legendOrientation="vertical"
            legendPosition="right"
            height={250}
            padding={{
              bottom: 50,
              left: 50,
              right: 200, // Adjusted to accommodate legend
              top: 50
            }}
            themeColor={ChartThemeColor.purple}
            width={600}
          &gt;
            
            
            
              
              </div></div>