1. 产品
  2.   图表
  3.   Node.js
  4.   Pintora
 
  

Node.js API 用于创建和转换交互式图表

开源的 Node.js 库，用于将文本转换为图表并在 Node.js 环境中管理各种类型的图表。

什么是 Pintora 库？

Pintora 简化了图表绘制。这个灵活的 JavaScript 工具让您可以轻松地将文本转换为图表，无论是在浏览器还是 Node.js 中工作。受 Mermaid.js 和 PlantUML 的启发，Pintora 提供了一种可靠且易于使用的绘图方法。它无缝适配不同的开发环境，成为各种项目的多功能选项。Hikerpig 开发了 Pintora 库，以帮助创建各种图表，如流程图、时序图和类图。如果您是开发者或技术写作者，想在文档、演示或技术规格中添加图表，这个工具非常适合您。该库的特别之处在于它能够帮助您使用广泛的自定义选项创建自定义可视化。

使用 Pintora 库，您可以轻松调整颜色、字体、动画等元素，设计出不仅视觉上吸引人，而且符合品牌并有效传达信息的可视化作品。它正在改变软件开发者创建惊人数据可视化的方式。它是开源的，并定期更新以持续改进并提供社区帮助。其简洁的语法易于掌握和使用，适合不同技术水平的人群。您可以通过更改颜色、形状和其他视觉特性来个性化图表的外观，以满足您的需求。由于功能丰富、API 易于使用且设计现代，Pintora 库成为许多人提升数据可视化的热门选择。

Previous Next

开始使用 Pintora

推荐的 Pintora 库安装方式是使用 NPM。请使用以下命令进行顺利安装。

通过 NPM 安装 Pintora

 npm install pintora

在 Node.js 中创建时序图

开源的 Pintora 库非常易于使用，提供了一种无缝的方式将文本描述转换为 Node.js 应用中的生动图表。只需少量代码，软件开发者就可以使用 Pintora 库创建和管理时序图。时序图展示了对象在特定顺序中的交互方式。下面的示例展示了一个时序图的定义，用于说明两个参与者之间的交互。语法指定了它们之间交换的消息，Pintora 在 Node.js 应用中生成相应的 SVG。

如何在 Node.js 应用中创建时序图？

const { renderToSvg } = require('pintora');

const sequenceDiagramDefinition = `
sequenceDiagram
    participant Alice
    participant Bob
    Alice->>Bob: Hello Bob, how are you?
    Bob-->>Alice: I am good, thanks!
`;

// Render the sequence diagram to SVG
const svg = renderToSvg(sequenceDiagramDefinition);

// Output the SVG
console.log(svg);

在 Node.js 应用中自定义图表

Pintora 库全面支持对各种类型图表的广泛自定义。该库使软件开发者能够在自己的 Node.js 应用中轻松操作图表元素，如图层、母版、页面、形状和连接线。他们可以修改颜色、形状和其他视觉元素以满足需求。下面的示例展示了开发者如何使用 Node.js 库自定义流程图。

如何在 Node.js 应用中自定义流程图？

const { renderToSvg } = require('pintora');

const customizedFlowchartDefinition = `
flowchart TD
    style A fill:#f9f,stroke:#333,stroke-width:4px;
    style B fill:#bbf,stroke:#333,stroke-width:4px;
    A[Start] --> B{Is it working?}
    B -->|Yes| C[Great]
    B -->|No| D[Fix it]
    D --> A
`;

// Render the customized flowchart to SVG
const svg = renderToSvg(customizedFlowchartDefinition);

// Output the SVG
console.log(svg);

在 Node.js 中创建并编辑类图

开源的 Pintora 库为在 Node.js 应用程序中创建和管理类图提供了完整的功能。类图用于通过显示类、属性和关系来描述系统的结构。以下示例演示了如何创建类图。该图定义了两个类，Animal 和 Dog，以及它们的属性和方法。Dog 类通过 <|-- 符号继承自 Animal 类。

如何在 Node.js 应用中创建类图？

const { renderToSvg } = require('pintora');

const classDiagramDefinition = `
classDiagram
    class Animal {
        +String name
        +int age
        +void eat()
    }
    class Dog {
        +String breed
        +void bark()
    }
    Animal <|-- Dog
`;

// Render the class diagram to SVG
const svg = renderToSvg(classDiagramDefinition);

// Output the SVG
console.log(svg);
 中国人