MChartKit

Chart Generator数据图表生成

Paste CSV or JSON and get a bar, line, pie, doughnut, radar or scatter chart you can download as PNG.

粘贴 CSV 或 JSON 数据,生成柱状图、折线图、饼图、雷达图与散点图,可下载 PNG。

What is Chart Generator?数据图表生成 是什么?

A chart generator for the cases where a spreadsheet would be overkill. Paste CSV or a JSON array, pick bar, line, pie, doughnut, radar or scatter, and Chart.js draws it instantly with sensible defaults and a readable legend. The chart can be exported as a PNG at the canvas resolution, which makes it a quick way to produce a figure for a report, a ticket or a chat message.

一个在"用不着表格软件"的场景里用的图表生成器。粘贴 CSV 或 JSON 数组,选柱状图、折线图、饼图、环形图、雷达图或散点图,Chart.js 立即用合理的默认样式画出来,图例清晰可读。图表可导出为 PNG,是给报告、工单或聊天消息快速配一张图的最快路径。

How to use chart generator如何使用 数据图表生成

  1. Paste CSV (label,value) or a JSON array into the data box.
  2. Choose the chart type.
  3. Press Draw chart.
  4. Press Download PNG to save the image.
  1. 把 CSV(label,value)或 JSON 数组粘进数据框。
  2. 选择图表类型。
  3. 点"绘制图表"。
  4. 点"下载 PNG"保存图片。

Common uses常见用途

FAQ常见问题

What CSV shape does it expect?CSV 要什么格式?

A header row followed by rows, where the first column is the label and the second is the value — for example "label,value" and then "Alpha,30". Extra columns are ignored.

第一行表头,随后每行一条记录:第一列是标签,第二列是数值,例如 "label,value" 下面接 "Alpha,30"。多余的列会被忽略。

Can I plot several series?能画多条数据系列吗?

Yes, with JSON input: an array of objects whose first key is the label and whose other numeric keys become one series each.

可以,用 JSON 输入:对象数组中第一个键作为标签,其余数值键各自成为一个系列。

What happens with non-numeric values?遇到非数值会怎样?

They are read as NaN and the point is skipped, so a stray text cell does not break the whole chart.

会被读成 NaN 并跳过该点,所以一个误输入的文本单元格不会毁掉整张图。

Is the exported PNG high resolution?导出的 PNG 清晰吗?

It exports at the canvas resolution, which is already larger than the on-screen chart. For print work, generate the chart at a larger canvas size in your own page.

按画布分辨率导出,本身就大于屏幕显示尺寸。若要用于印刷,请在自己的页面里用更大的画布尺寸生成。

Other tools其他工具

🕸️

Mermaid Diagram RendererMermaid 图表

Write Mermaid text and render flowcharts, sequence diagrams, Gan…

写 Mermaid 文本即可渲染流程图、时序图、甘特图、思维导图与 ER 图,可…

∑

LaTeX Formula RendererLaTeX 公式

Render LaTeX maths with KaTeX, copy the source, and start from r…

用 KaTeX 渲染 LaTeX 数学公式,复制源码,并提供常用公式模板一键套用…

🎨

Colour Palette Generator配色方案生成

Build analogous, complementary, triadic and monochrome palettes …

从一个主色生成邻近色、互补色、三分色与单色渐变方案,检测与白色的对比度,导出 C…

Sister sites友情链接 MonkeyDev dev tools hub工具总站 FreePDFKit PDF toolsPDF 工具集 ImageToolKit image tools图片工具集 AI 咒语库 AI prompt libraryAI 提示词库 DevTools developer toolkit开发工具箱 CalcKit finance calculators财务计算器 OfficeKit office utilities办公工具箱 AIkit AI & machine learningAI 与机器学习 DataKit data & spreadsheet tools数据与表格工具 DocKit markdown & document toolsMarkdown 与文档工具