File tree Expand file tree Collapse file tree 1 file changed +5
-4
lines changed
.pf-ai-documentation/charts Expand file tree Collapse file tree 1 file changed +5
-4
lines changed Original file line number Diff line number Diff line change @@ -110,9 +110,9 @@ Module not found: Can't resolve '@patternfly/react-charts'
110110```jsx
111111// ✅ Correct - Use PatternFly color tokens
112112const chartColors = [
113- ' var(--pf-t--chart--color--blue --300)' ,
114- ' var(--pf-t--chart--color--green --300)' ,
115- ' var(--pf-t--chart--color--orange --300)'
113+ ' var(--pf-t--chart--color--[color family 1] --300)' ,
114+ ' var(--pf-t--chart--color--[color family 2] --300)' ,
115+ ' var(--pf-t--chart--color--[color family 3] --300)'
116116];
117117
118118<ChartDonut data={data} colorScale={chartColors} />
@@ -263,7 +263,8 @@ const LazyChart = lazy(() => import('./HeavyChart'));
263263## Quick Reference
264264- **[PatternFly Charts README](https://github.com/patternfly/patternfly-react/tree/main/packages/react-charts#readme)** - Installation and usage
265265- **[Victory.js Documentation](https://formidable.com/open-source/victory/)** - Chart library documentation
266- - **[PatternFly Chart Guidelines](https://www.patternfly.org/charts/about)** - Design guidelines
266+ - **[PatternFly Chart Guidelines](https://www.patternfly.org/charts/about-charts)** - Design guidelines
267+ - **[PatternFly Chart Colors](https://www.patternfly.org/charts/colors-for-charts)** - Colors for charts
267268
268269## Reference Documentation
269270
You can’t perform that action at this time.
0 commit comments