Compare commits

...

1 Commits

Author SHA1 Message Date
zhanghuanxu
1b7f01faae feat(slides): add slides chart demo reference 2026-07-06 20:32:27 +08:00
2 changed files with 44 additions and 0 deletions

File diff suppressed because one or more lines are too long

View File

@@ -265,6 +265,49 @@
如果要写图表 XML建议直接以 XSD 为准,不要自行发明更简化的 chart DSL。
完整图表类型覆盖示例见 [slides_chart_demo.xml](slides_chart_demo.xml),其中包含柱状、条形、折线、面积、饼 / 环、雷达等原生 `<chart>` 示例,以及散点、气泡、漏斗、帕累托、瀑布等 `<whiteboard>` SVG 图表示例。
典型柱状图示例:
```xml
<chart topLeftX="80" topLeftY="120" width="420" height="260">
<chartTitle fontSize="16" bold="true" color="rgb(31, 35, 41)">季度收入</chartTitle>
<chartStyle>
<chartBackground color="rgba(255, 255, 255, 0)"/>
<chartFont size="10" color="rgb(100, 116, 139)"/>
<chartColorTheme>
<color value="rgb(58, 119, 255)"/>
<color value="rgb(255, 126, 35)"/>
</chartColorTheme>
</chartStyle>
<chartLegend position="bottom" fontSize="10" color="rgb(100, 116, 139)"/>
<chartPlotArea>
<chartPlot type="column">
<chartBars gap="0.28"/>
</chartPlot>
<chartAxes>
<chartAxis type="x">
<chartLabel fontSize="10" color="rgb(100, 116, 139)"/>
<chartAxisLine/>
</chartAxis>
<chartAxis type="y" min="0">
<chartLabel fontSize="10" color="rgb(100, 116, 139)"/>
<chartGridLine width="1" color="rgb(226, 232, 240)"/>
</chartAxis>
</chartAxes>
</chartPlotArea>
<chartData>
<dim1>
<chartField name="x" valueType="string">Q1,Q2,Q3,Q4</chartField>
</dim1>
<dim2>
<chartField name="收入" valueType="number">42,56,48,72</chartField>
<chartField name="成本" valueType="number">31,38,44,51</chartField>
</dim2>
</chartData>
</chart>
```
## 样式元素
### `<fill>`