Plotly.js 简介

Plotly.js 是一个开源的交互式图表库，它允许用户创建各种类型的图表，包括散点图、柱状图、线图、饼图等。这个库以其丰富的图表类型和高度的可定制性而闻名。

主要特点

交互式图表：提供丰富的交互功能，如缩放、平移、点击事件等。
多种图表类型：支持散点图、柱状图、线图、饼图、地图、3D 图表等多种图表类型。
高度可定制：可以自定义图表的样式、颜色、标签等。
跨平台兼容：支持桌面和移动设备。

安装与使用

要使用 Plotly.js，你可以通过 npm 或 yarn 安装：

npm install plotly.js

或者

yarn add plotly.js

在你的 JavaScript 文件中，你可以这样使用 Plotly.js：

import Plotly from 'plotly.js';

const trace = {
  x: [1, 2, 3, 4],
  y: [10, 11, 12, 13],
  type: 'scatter'
};

Plotly.newPlot('myDiv', [trace]);

示例图表

以下是一个简单的散点图示例：

const trace = {
  x: [1, 2, 3, 4],
  y: [10, 11, 12, 13],
  mode: 'markers',
  type: 'scatter'
};

Plotly.newPlot('scatter', [trace], {
  title: '基本散点图'
});

扩展阅读

更多关于 Plotly.js 的信息和教程，请访问我们的 Plotly.js 教程页面。

返回社区论坛首页