柱状图和蓝先定

锦水数据社的商未晞做"季度复盘"，手上是四个数。"图表类型"选"柱状图"，"主题色"填 #2f6bff，控件就这三项加一个数据框，界面里没有"标题"那一栏，设计稿 design.json 提过标题，实现没做。选完颜色预览就重画，不用去点"生成"。

四行数据逗号分

"数据"框一行一个点，写法是名称, 数值，源码只按逗号或制表符切，还只取前两列。逐字填的是 一季度, 128、二季度, 176、三季度, 152、四季度, 210。数值会被剥掉非数字字符再转，转不出来的那行直接跳过，界面上不吭声，只会少一根柱。

画布上四根柱

.zab-preview 里那块"640×360"的画布是固定尺寸，四根柱子对应四行数，四季度 210 最高，颜色就是 #2f6bff 那抹蓝。画布只是浏览器里的一块地方，刷新就没，别当成已经存好。数据一多标签会互相压，这次只有四行，没碰上。

导出落一张图

底部"导出 PNG"是唯一会落盘的按钮，走 canvas.toDataURL 生成图片，再靠 a.download 定名。实测产物叫 chart.png，体积 10265 字节，尺寸 640×360，文件名不给改，也没有倍率放大的选项。商未晞把这张图拖进周报，四根柱子就是四个季度。

企业知识网（ www.qiyezhishi.com ）提供的结果为参考性内容，不构成法律、税务或投资建议。具体请以主管部门口径与最新法规为准。