Skip to content

Commit

Permalink
scripts
Browse files Browse the repository at this point in the history
  • Loading branch information
JCQuintas committed Dec 4, 2024
1 parent 92efaec commit 939448f
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 2 deletions.
2 changes: 1 addition & 1 deletion docs/data/charts/styling/PatternPie.js
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ export default function PatternPie() {
patternUnits="userSpaceOnUse"
width="20"
height="40"
patternTransform="scale(2) rotate(0)"
patternTransform="scale(0.5)"
>
<rect x="0" y="0" width="100%" height="100%" fill="#123456" />
<path
Expand Down
2 changes: 1 addition & 1 deletion docs/data/charts/styling/styling.md
Original file line number Diff line number Diff line change
Expand Up @@ -172,7 +172,7 @@ This can be done by passing your gradient or pattern definition as children of t

Note that the gradient or pattern defined that way is only usable for SVG.
So a direct definition like `color: "url(#Pattern)'` would cause undefined colors in HTML elements such as the tooltip.
The demo solves this issue by using a CSS variable ` '--my-custom-pattern': 'url(#Pattern)'` to specify fallback color with `color: 'var(--my-custom-pattern, #123456)'`.
The demo solves this issue by using a CSS variable `'--my-custom-pattern': 'url(#Pattern)'` to specify fallback color with `color: 'var(--my-custom-pattern, #123456)'`.

{{"demo": "PatternPie.js"}}

Expand Down

0 comments on commit 939448f

Please sign in to comment.