How to use the @patternfly/react-charts.ChartTheme.light function in @patternfly/react-charts
To help you get started, we’ve selected a few @patternfly/react-charts examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
patternfly / patternfly-react / packages / patternfly-4 / react-charts / src / components / LineChart / examples / SimpleChart.js View on Github 
render() {
return (
<div>
<div>
<div>
{this.getChart(ChartTheme.light.green)}
</div>
<div>
{this.getlegend(ChartTheme.light.green)}
</div>
</div>
</div>
<div>
<div>
{this.getChart(ChartTheme.light.multi)}
</div>
<div></div></div>render() {
return (
<div>{this.getChart(ChartTheme.light.blue)}</div>
<div>{this.getChart(ChartTheme.light.multi)}</div>
);
}
}render() {
return (
<div>{this.getHeatMap(ChartTheme.light.blue)}</div>
<div>{this.getHeatMap(ChartTheme.light.multi)}</div>
);
}
}<div>
{this.getlegend(ChartTheme.light.green)}
</div>
<div>
<div>
{this.getChart(ChartTheme.light.multi)}
</div>
<div>
{this.getlegend(ChartTheme.light.multi)}
</div>
</div>
);
}
}render() {
return (
<div>
<div>{this.getChart(ChartTheme.light.blue)}</div>
{this.getLegend(ChartTheme.light.blue, false)}
</div>
<div>{this.getChart(ChartTheme.light.multi)}</div>
{this.getLegend(ChartTheme.light.multi, true)}
);
}
}render() {
return (
<div>{this.getChart(ChartTheme.light.blue)}</div>
<div>{this.getChart(ChartTheme.light.multi)}</div>
);
}
}render() {
return (
<div>{this.getHeatMap(ChartTheme.light.blue)}</div>
<div>{this.getHeatMap(ChartTheme.light.multi)}</div>
);
}
}render() {
return (
<div>{this.getHeatMap(ChartTheme.light.blue)}</div>
<div>{this.getHeatMap(ChartTheme.light.multi)}</div>
);
}
}render() {
return (
<div>{this.getChart(ChartTheme.light.blue)}</div>
<div>{this.getChart(ChartTheme.light.multi)}</div>
);
}
}render() {
return (
<div>{this.getChart(ChartTheme.light.blue)}</div>
<div>{this.getChart(ChartTheme.light.multi)}</div>
);
}
}@patternfly/react-charts
This library provides a set of React chart components for use with the PatternFly reference implementation.
Package Health Score
90 / 100Popular @patternfly/react-charts functions
- @patternfly/react-charts.ChartTheme.dark
- @patternfly/react-charts.ChartTheme.light
- @patternfly/react-charts.ChartThemeColor.blue
- @patternfly/react-charts.ChartThemeColor.cyan
- @patternfly/react-charts.ChartThemeColor.gold
- @patternfly/react-charts.ChartThemeColor.green
- @patternfly/react-charts.ChartThemeColor.multi
- @patternfly/react-charts.ChartThemeColor.multiOrdered
- @patternfly/react-charts.ChartThemeColor.multiUnordered
- @patternfly/react-charts.ChartThemeColor.orange
- @patternfly/react-charts.ChartThemeColor.purple
- @patternfly/react-charts.ChartThemeVariant.dark
- @patternfly/react-charts.ChartThemeVariant.default
- @patternfly/react-charts.ChartThemeVariant.light
- @patternfly/react-charts.ChartTooltip.defaultEvents
- @patternfly/react-charts.getCustomTheme