散点图制作
📥 导出设置
⚠️ JPG 不支持透明，导出时将使用白色背景
💡 提示：所有图表均在浏览器本地生成，保护您的隐私安全。
👁️ 实时预览
🎨 图表样式配置
{{ chartConfig.chartWidth }}px
{{ chartConfig.chartHeight }}px
{{ chartConfig.chartHAlign }}%
{{ chartConfig.chartVAlign }}%
{{ chartConfig.pointRadius }}px
{{ chartConfig.lineWidth }}px
提示：每条序列的颜色可在"数据编辑"中单独设置，点击下方颜色主题可一键套用到全部序列。
{{ chartConfig.titleAlign }}%
{{ chartConfig.titleVertical }}%
{{ chartConfig.titleFontSize }}px
{{ chartConfig.subtitleFontSize }}px
{{ chartConfig.xAxisTitleFontSize }}px
{{ chartConfig.xAxisFontSize }}px
{{ chartConfig.xAxisTicks }}
{{ chartConfig.yAxisTitleFontSize }}px
{{ chartConfig.yAxisFontSize }}px
{{ chartConfig.yAxisTicks }}
{{ chartConfig.gridOpacity }}%
{{ chartConfig.labelFontSize }}px
{{ chartConfig.labelDecimals }}
{{ chartConfig.legendFontSize }}px
{{ chartConfig.watermarkFontSize }}px
{{ chartConfig.watermarkOpacity }}%
{{ chartConfig.watermarkDensity }}
{{ chartConfig.watermarkAngle }}°
{{ chartConfig.sourceFontSize }}px
{{ chartConfig.sourceX }}%
{{ chartConfig.sourceY }}%
{{ chartConfig.authorFontSize }}px
{{ chartConfig.authorX }}%
{{ chartConfig.authorY }}%
📝 数据编辑
📊 数据编辑（Handsontable 类 Excel 表格）
提示：可直接粘贴 Excel 数据；右键行号/列头可插入或删除行列；第一列为颜色，第二列为序号，第三列为序列名称，其后每列为一个数据点（格式 x,y，例如 3,5）；点击颜色方块可修改序列颜色。
💡 功能说明
散点图制作是一款在浏览器本地运行的图表生成工具。只需填入每个数据点的 X、Y 数值，即可实时生成清晰直观的散点分布图，全程在本地完成、无需上传服务器，既高效又保护数据隐私。散点图用坐标轴上的点表示两组数值的对应关系，能直观揭示变量之间的相关性、分布规律与离群值，特别适合展示身高体重关系、广告投入与销售额、学习时长与成绩等双变量数据。无论是实验数据分析、市场调研还是运营复盘，都能一键生成并导出精美图表。
- 实时预览：数据、颜色、标题、坐标轴、图例等所有改动即时反映在预览区，所见即所得。
- 样式丰富：支持图表尺寸、数据点大小、连线（含平滑曲线）、数值标注、连接线样式等多种样式自定义。
- 双数值坐标轴：X 轴与 Y 轴均为数值轴，可分别设置最小值、最大值与刻度数量，也支持自动范围。
- 数值标注：支持在数据点旁标注 (x, y) 数值，并可设置位置、字号、颜色与小数位数。
- 自定义配色：内置多套配色主题一键套用到全部序列，每条序列也可在"数据编辑"中单独设置颜色。
- 水印与导出：支持添加水印保护图表；可复制图片到剪贴板，或导出为 PNG、JPG、SVG 格式。
⚠️ 注意事项
- 表格中每个单元格填写一个数据点，格式为"x,y"（英文逗号分隔），例如 3,5 表示 X=3、Y=5；留空的单元格不会绘制。
- X 轴与 Y 轴的最小值/最大值留空或设为 0 时会自动根据数据取合适的刻度范围；如需固定刻度可手动填写。
- 数据点较多时建议适当调小"数据点大小"，或增大图表宽度，避免点之间过于密集。
- 开启"显示连线"时，会按表格中数据点的先后顺序连接同一序列的点；如数据未按 X 排序，连线可能出现交叉。
- 导出 PNG / JPG 为位图，放大后可能模糊；如需无损缩放请选择 SVG 格式。