GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-01-14 06:43:25 +08:00
Code Issues Projects Releases Wiki Activity

Fix YAML themeVariables config

Browse Source
This commit is contained in:
Subhash Halder 2023-09-07 13:31:52 +05:30
parent fae648c253
commit b98217e3c3
4 changed files with 49 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
cypress/integration/rendering/xyChart.spec.js
View File

@ -296,17 +296,17 @@ config:
config: config:
themeVariables: themeVariables:
xyChart: xyChart:
titleColor: #ff0000 titleColor: "#ff0000"
backgroundColor: #f0f8ff backgroundColor: "#f0f8ff"
yAxisLabelColor: #ee82ee yAxisLabelColor: "#ee82ee"
yAxisTitleColor: #7fffd4 yAxisTitleColor: "#7fffd4"
yAxisTickColor: #87ceeb yAxisTickColor: "#87ceeb"
yAxisLineColor: #ff6347 yAxisLineColor: "#ff6347"
xAxisLabelColor: #7fffd4 xAxisLabelColor: "#7fffd4"
xAxisTitleColor: #ee82ee xAxisTitleColor: "#ee82ee"
xAxisTickColor: #ff6347 xAxisTickColor: "#ff6347"
xAxisLineColor: #87ceeb xAxisLineColor: "#87ceeb"
plotColorPalette: #008000, #faba63 plotColorPalette: "#008000, #faba63"
--- ---
xychart-beta xychart-beta
title "Sales Revene" title "Sales Revene"

22
demos/xychart.html
View File

@ -150,17 +150,17 @@ config:
config: config:
themeVariables: themeVariables:
xyChart: xyChart:
titleColor: #ff0000 titleColor: "#ff0000"
backgroundColor: #f0f8ff backgroundColor: "#f0f8ff"
yAxisLabelColor: #ee82ee yAxisLabelColor: "#ee82ee"
yAxisTitleColor: #7fffd4 yAxisTitleColor: "#7fffd4"
yAxisTickColor: #87ceeb yAxisTickColor: "#87ceeb"
yAxisLineColor: #ff6347 yAxisLineColor: "#ff6347"
xAxisLabelColor: #7fffd4 xAxisLabelColor: "#7fffd4"
xAxisTitleColor: #ee82ee xAxisTitleColor: "#ee82ee"
xAxisTickColor: #ff6347 xAxisTickColor: "#ff6347"
xAxisLineColor: #87ceeb xAxisLineColor: "#87ceeb"
plotColorPalette: #008000, #faba63 plotColorPalette: "#008000, #faba63"
--- ---
xychart-beta xychart-beta
title "Sales Revene" title "Sales Revene"

20
docs/syntax/xyChart.md
View File

@ -152,7 +152,15 @@ Every grammer are optional other than the chart name and one data set, so you wi
## Example on config and theme ## Example on config and theme
```mermaid-example ```mermaid-example
%%{init: {"xyChart": {"width": 900, "height": 600}, "themeVariables": {"xyChart": {"titleColor": "#ff0000"} } }}%% ---
config:
xyChart:
width: 900
height: 600
themeVariables:
xyChart:
titleColor: "#ff0000"
---
xychart-beta xychart-beta
title "Sales Revenue" title "Sales Revenue"
x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec] x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec]
@ -162,7 +170,15 @@ xychart-beta
``` ```
```mermaid ```mermaid
%%{init: {"xyChart": {"width": 900, "height": 600}, "themeVariables": {"xyChart": {"titleColor": "#ff0000"} } }}%% ---
config:
xyChart:
width: 900
height: 600
themeVariables:
xyChart:
titleColor: "#ff0000"
---
xychart-beta xychart-beta
title "Sales Revenue" title "Sales Revenue"
x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec] x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec]

10
packages/mermaid/src/docs/syntax/xyChart.md
View File

@ -147,7 +147,15 @@ Themes for xychart resides inside xychart attribute so to set the variables use
## Example on config and theme ## Example on config and theme
```mermaid-example ```mermaid-example
%%{init: {"xyChart": {"width": 900, "height": 600}, "themeVariables": {"xyChart": {"titleColor": "#ff0000"} } }}%% ---
config:
xyChart:
width: 900
height: 600
themeVariables:
xyChart:
titleColor: "#ff0000"
---
xychart-beta xychart-beta
title "Sales Revenue" title "Sales Revenue"
x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec] x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec]