ChartToolbar 图表工具栏
图表头部工具条：标题 + legend 切换 + zoom/export/refresh 按钮。
基础用法
数据通过 props 传入，纯 SVG 渲染，无第三方图表库依赖。
配色取自 --viz-1..8 token，色盲友好。
<CfChartToolbar ... /><CfChartToolbar ... />交互联动
legend chip 点击 toggle 隐藏 series；下方 LineChart 实时联动重画。
<CfChartToolbar :series="series" @series-toggle="toggle" />
<CfLineChart :series="visibleSeries" /><CfChartToolbar series={series} onSeriesToggle={toggle} />
<CfLineChart series={visibleSeries} />API
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
title / subtitle | string | — | 标题 + 描述 |
series | LegendSeries[] | — | { name, colorIndex, hidden? }[]，点击 legend 触发 toggle |
showZoom / showExport / showRefresh | boolean | false | 显示按钮槽 |
反馈与讨论
ChartToolbar 图表工具栏 的讨论