图表

图表（Chart）是一种画数据的草图（Sketch）。你用 Vega-Lite 描述图表——一段简短的 JSON 规格，说明「这些数字，画成柱子，这个字段放在 x 轴」——Lino 就把它画出来。图表是活的：在图表支持的地方，可以悬停、点击或拖动。

例子： 下面这段规格画出 A、B、C 三根柱子：

{
  "data": { "values": [
    { "category": "A", "value": 28 },
    { "category": "B", "value": 55 },
    { "category": "C", "value": 43 }
  ]},
  "mark": "bar",
  "encoding": {
    "x": { "field": "category", "type": "nominal" },
    "y": { "field": "value", "type": "quantitative" }
  }
}

你不必手写规格：从示例开始，或者问 Lino AI。

新建图表

右键画布（Canvas）空白处 → Sketch。
双击新草图，选 Chart（"Data charts from Vega-Lite code"）。
在旁边的代码窗口里编辑规格，或选一个示例。

草图根据代码判断自己的种类：以 { 开头的代码是图表，其他的是 Diagram。

示例

点代码窗口头部的 Samples，以缩略图浏览 Vega-Lite 官方示例库，分在 Single-View Plots、Composite Marks、Layered Plots、Multi-View Displays、Maps (Geographic Displays) 和 Interactive 几组下。选一个会替换你的代码；然后改数据和标签即可。

数据从哪来

图表只画它自己带着的数据：

写在规格里的数值，放在 "data": { "values": [...] } 下——最常用的方式。
内置的示例文件，比如 "url": "data/cars.json" 或 "data/stocks.csv"——就是示例用的那些文件。

图表从不从网上加载数据。如果规格指向别的地方，Lino 会提示，例如："Charts draw only the data written in them or a bundled file like "data/cars.json" — other "url"s are not allowed."。图表还不接受：链接（href），以及把宽高写成 "container"——请用像素给出尺寸。

用你自己的文件画图

想给 CSV、TSV 或 JSON 文件画图，就问 Lino AI（「把 sales.csv 里的月度总额画成图表」）。它会读取文件，把行写进图表。图表保存的是自己的一份数据，不会和文件保持关联；文件变了，就再问一次。

可交互的图表

图表能响应鼠标时，工具条上会显示 Interactive。悬停它可以看到能做什么，例如 "Interactive: try click, drag, scroll" 或 "Interactive: try hovering"。

你近距离看图表时它是活的：在右侧面板（Right Panel）里、在画布上编辑它时、以及在你正在编辑的卡片（Card）里。其他时候显示的是它初始状态的静态图。

活的图表会自己接收点击和拖动。如果双击图表没有进入编辑，就用它头部的面板按钮打开。

卡片里的图表

在卡片里输入 @ 并选这个图表，或右键图表 → Copy as a reference，再粘贴到卡片里。编辑卡片时，其中的图表是活的；在上面滚动滚轮会滚动卡片，而不是缩放图表。

Lino AI 与图表

直接用自然语言说：「把这些数字画成柱状图」「用 weather.csv 画每月气温」。Lino AI 会替你写规格，也能修改已有图表的规格。新建的图表会先落进你的 Inbox 堆栈（Inbox Stack），由你来放置。

Lino AI 在回复里展示图表时，用 Add chart to canvas 保存它；之后按钮变成 Show in Canvas。

只读的图表，就要图表。如果你想要按钮、输入框或实时数据，那是 Spark。

须知

图表的颜色是固定的，背景透明，所以在浅色和深色模式下看起来一样。
图表没有 Hand-drawn 手绘风格。
右侧面板里的 More sketch actions → Clear code 可以清空图表。

图表