添加对 ChartJS 双模式的支持

1. 增加了 ChartJS 图表官方语法;
2. 新增了 ChartJS 的双模式(浅色/深色模式)显示功能;
3. 扩展了 ChartJS 的 config 语法,支持双模式配置。
4. 修复了 ChartJS 在双模式下默认样式的问题,简化用户配置图表过程。
This commit is contained in:
SeaYJ
2024-10-03 23:41:47 +08:00
parent 2ca779a6ad
commit 975134fb14
7 changed files with 167 additions and 1 deletions

View File

@@ -924,6 +924,24 @@ mermaid:
light: default
dark: dark
# chartjs
# see https://www.chartjs.org/docs/latest/
chartjs:
enable: true
# 下面的設置是正對 ChartJS 的預設樣式設置,非必要請勿修改,除非你理解他們是如何工作的
# 當然,樣式會以具體的 MD 語法設置優先,其次為該預設設置,最後為 ChartJS 本身的預設設置
color: # 表格通用字體顏色
light: "rgba(0, 0, 0, 0.8)" # 淺色模式
dark: "rgba(255, 255, 255, 0.8)" # 深色模式
borderColor: # 表格通用邊框顏色
light: "rgba(0, 0, 0, 0.1)"
dark: "rgba(255, 255, 255, 0.2)"
scale:
ticks:
backdropColor: # 針對雷達圖和極地圖的刻度標籤背景色
light: "transparent"
dark: "transparent"
# Note - Bootstrap Callout
note:
# Note tag style values: