Obsidian Charts Plugin 高级配置

1 背景知识

介绍插件的高级配置参数选项。

2 width 配置

2.1 配置说明

width 配置可用于任何类型的图表,主要建议在以下图表中使用:

此参数可以设置为 400px 也可以设置为 40%

2.2 配置示例

type: polarArea
labels: [Monday,Tuesday,Wednesday,Thursday,Friday]
series:
    - title: Title 1
      data: [1,2,3,4,5]
    - title: Title 2
      data: [5,4,3,2,1]
width: 40%

3 spanGaps 配置

3.1 配置说明

此选项用于填充确实的数据点

3.2 配置示例

type: line
labels: [Monday,Tuesday,Wednesday,Thursday,Friday]
series:
- title: Title 1
  data: [1,2,null,4,5]
- title: Title 2
  data: [5,null,null,null,1]
- title: Title 3
  data: [8,2,5,-1,4]
spanGaps: true

4 beginAtZero 配置

4.1 配置说明

默认情况,图标不会显示未使用的空白区域,造成坐标的移动。请使用此选项用于强制设置图标从0 开始。

4.2 配置示例

type: line
labels: [Monday,Tuesday,Wednesday,Thursday,Friday]
series:
- title: Title 1
  data: [4,2,3,4,5]
- title: Title 2
  data: [5,4,3,2,2]
- title: Title 3
  data: [8,2,5,3,4]
beginAtZero: true

5 legend 配置

5.1 配置说明

此参数用于是否显示图例。

5.2 配置示例

type: line
labels: [Monday,Tuesday,Wednesday,Thursday,Friday]
series:
- title: Title 1
  data: [4,2,3,4,5]
- title: Title 2
  data: [5,4,3,2,2]
- title: Title 3
  data: [8,2,5,3,4]
legend: false

6 legendPosition 配置

6.1 配置说明

此参数用于设置图例的位置。

7 Axes 配置

坐标轴相关选项对于 柱状图折线图 有效。

7.1 indexAix 配置

此参数横线坐标轴为 x 或者 y

7.2 stacked 配置

7.2.1 配置说明

柱状图折线图改为堆叠图。

7.2.2 配置示例

type: bar
labels: [Monday,Tuesday,Wednesday,Thursday,Friday]
series:
- title: Title 1
  data: [4,2,3,4,5]
- title: Title 2
  data: [5,4,3,2,2]
- title: Title 3
  data: [8,2,5,3,4]
beginAtZero: true
stacked: true

7.3 Title 配置

参数 说明
xTtile X 轴的标题。
yTtile Y 轴的标题。

7.4 Reverse 配置

7.4.1 配置说明

反转坐标轴。

7.4.2 配置示例

type: line
labels: [Monday,Tuesday,Wednesday,Thursday,Friday]
series:
- title: Title 1
  data: [4,2,3,4,5]
- title: Title 2
  data: [5,4,3,2,2]
- title: Title 3
  data: [8,2,5,3,4]
xReverse: true

7.5 Min 和 Max 配置

可以设置 x 轴和 y 轴的最大值和最小值。

7.6 Display 和 TickDisplay 配置

Display 设置坐标轴是否显示。
TickDisplay 设置坐标轴的刻度是否显示。

7.7 time Modifier

如果X轴为时间格式,可以使用 time 选项格式化他们。

type: line
labels: [2023-04-14 ,2023-05-25 ,2023-06-25 ,2023-07-25 ,2023-08-14 ]
series:
- title: Title 1
  data: [4,2,3,4,5]
- title: Title 2
  data: [5,4,3,2,2]
- title: Title 3
  data: [8,2,5,3,4]
time: day

8 transparency 配置

此选项配置图表的透明度。