象限图 ​

象限图是一种将数据分为四个象限的视觉表示。它用于在二维网格上绘制数据点，其中一个变量在x轴上表示，另一个变量在y轴上表示。象限是通过根据特定于所分析数据的标准将图表分为四个相等的部分来确定的。象限图通常用于识别数据中的模式和趋势，并根据数据点在图表中的位置来优先采取行动。它们常用于商业、营销和风险管理等领域。

示例 ​

语法 ​

标题 ​

标题是图表的简短描述，它将始终显示在图表的顶部。

示例 ​

quadrantChart
    title This is a sample example

x轴 ​

x轴决定了在x轴上显示的文本。在x轴上有两部分左和右，你可以传递两者或者只传递左。语句应以x-axis开头，然后是left axis text，接着是分隔符-->，然后是right axis text。

示例 ​

1. x-axis --> 左右轴的文本都将被渲染。
2. x-axis 仅会渲染左侧轴文本。

y轴 ​

y轴决定了在y轴上显示的文本。在y轴上有两个部分顶部和底部，你可以传递两者或者只传递底部。语句应以y-axis开头，然后是bottom axis text，接着是分隔符-->，然后是top axis text。

示例 ​

1. y-axis --> 底部和顶部的轴文本都将被渲染。
2. y-axis 仅会渲染底部轴文本。

象限文本 ​

quadrant-[1,2,3,4] 决定了在象限内显示的文本。

示例 ​

1. quadrant-1 确定将在右上象限内呈现的文本。
2. quadrant-2 确定左上象限内将呈现的文本。
3. quadrant-3 确定将在左下象限内渲染的文本。
4. quadrant-4 确定将在右下象限内渲染的文本。

要点 ​

点用于在象限图中绘制一个圆。语法是 : [x, y]，这里的 x 和 y 值在 0 到 1 的范围内。

示例 ​

1. Point 1: [0.75, 0.80] 这里的 Point 1 将被绘制在右上象限。
2. Point 2: [0.35, 0.24] 这里的 Point 2 将会在左下象限绘制。

图表配置 ​

图表主题变量 ​

配置和主题示例 ​

点样式 ​

点可以直接设置样式，也可以使用定义的共享类进行设置

1. 直接样式

Point A: [0.9, 0.0] radius: 12
Point B: [0.8, 0.1] color: #ff3300, radius: 10
Point C: [0.7, 0.2] radius: 25, color: #00ff33, stroke-color: #10f0f0  
Point D: [0.6, 0.3] radius: 15, stroke-color: #00ff0f, stroke-width: 5px ,color: #ff33f0

2. 类样式

Point A:::class1: [0.9, 0.0]
Point B:::class2: [0.8, 0.1]
Point C:::class3: [0.7, 0.2]
Point D:::class3: [0.7, 0.2]
classDef class1 color: #109060
classDef class2 color: #908342, radius : 10, stroke-color: #310085, stroke-width: 10px
classDef class3 color: #f00fff, radius : 10

可用样式: ​

样式示例 ​