柱折图制作
📥 导出设置
💡 提示:所有图表均在浏览器本地生成,保护您的隐私安全。
👁️ 实时预览
🎨 图表样式配置
{{ chartConfig.chartWidth }}px
{{ chartConfig.chartHeight }}px
{{ chartConfig.chartHAlign }}%
{{ chartConfig.chartVAlign }}%
{{ chartConfig.lineWidth }}px
{{ chartConfig.pointSize }}px
{{ chartConfig.opacity }}%
{{ chartConfig.barWidthRatio }}%
{{ chartConfig.barCornerRadius }}px
{{ chartConfig.barBorderWidth }}px
{{ chartConfig.titleAlign }}%
{{ chartConfig.titleVertical }}%
{{ chartConfig.titleFontSize }}px
{{ chartConfig.subtitleFontSize }}px
{{ chartConfig.xAxisFontSize }}px
{{ chartConfig.yAxisFontSize }}px
{{ chartConfig.xAxisRotate }}°
{{ 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 }}%
📝 数据编辑
| # | 标签 | 数值 | 类型 | 颜色 | 占比 | 操作 |
|---|---|---|---|---|---|---|
| {{ index + 1 }} | {{ getPercentage(row.value) }}% |
💡 功能说明
折线图制作是一款在浏览器本地运行的图表生成工具。只需填入各项标签与数值,即可实时生成清晰流畅的折线统计图,全程在本地完成、无需上传服务器,既高效又保护数据隐私。折线图通过连点成线的方式直观呈现数据的变化趋势与波动规律,特别适合展示随时间推移的指标变化、多期数据的对比走势以及各类周期性统计结果。无论是月度销售趋势、网站流量变化还是气温走势记录,都能一键生成并导出精美图表。
- 实时预览:数据、颜色、标题、坐标轴、图例等所有改动即时反映在预览区,所见即所得。
- 线条样式:支持线条宽度调节,提供实线、虚线、点线三种线型,并可开启平滑曲线让走势更柔和自然。
- 数据点与面积:可显示或隐藏数据拐点,支持圆形、方形、菱形三种点样式与大小调节,并可开启渐变面积填充增强视觉层次。
- 坐标轴与网格:可分别控制 X 轴与 Y 轴的显示、颜色、字号,支持标签旋转、自定义 Y 轴最大值与刻度数量,网格支持实线、虚线、点线三种样式。
- 柱线组合:每一行数据都可单独切换为"折线"、"柱状"或"折线+柱状",三种形式共用同一坐标轴,轻松制作柱线混合图。
- 数值标注:支持在数据点或柱子的顶部、内侧顶部、居中或底部标注数值,并可设置字号、颜色与小数位数。
- 自定义配色:内置多套配色主题一键套用,也支持为每一项单独设置颜色,或基于某色一键生成渐变配色。
- 水印与导出:支持添加水印保护图表;可复制图片到剪贴板,或导出为 PNG、JPG、SVG 格式。
⚠️ 注意事项
- 至少需要 2 个数据点才能连成折线,仅有 1 个数据时将无法绘制折线。
- 数据项建议不超过 20 项,项目过多会导致数据点密集、标签拥挤,影响可读性。
- 数值为 0 或空的项不会被绘制,也不会计入占比计算。
- 开启平滑曲线后,在数据点少于 3 个时会自动回退为直线连接。
- Y 轴最大值留空或设为 0 时会自动根据数据取一个合适的刻度上限;如需固定刻度可手动填写。
- X 轴标签文字较长时,可适当调整"X 轴标签旋转"角度,避免文字相互重叠。
- 页面数据会自动保存在本地浏览器,下次打开可继续编辑;点击"清空"将同时清除本地存储。
- 导出 PNG / JPG 为位图,放大后可能模糊;如需无损缩放请选择 SVG 格式。