Plotly Express 条形图 - Javascript

简介

Plotly Express是一种快速绘制高质量图表的库，其中包括条形图。条形图是一种常用的可视化方式，以条形的长度表示数据的大小。Plotly Express的条形图具有高度的交互性，可以使数据更容易被理解和解释。

使用方法

1. 首先，需要安装并导入plotly express库

npm install plotly.js
npm install plotly express
import PlotlyExpress from 'plotly express';

2.准备数据。以以下数据为例

let data = [
    {城市: '上海', 销售额: 4521},
    {城市: '北京', 销售额: 2188},
    {城市: '广州', 销售额: 2345},
    {城市: '深圳', 销售额: 2312},
    {城市: '杭州', 销售额: 1789}
];

3.绘制条形图

let fig = PlotlyExpress.bar(data, x='城市', y='销售额');

参数说明

• data：需要可视化的数据，可以是对象数组、pandas DataFrame等
• x（必须）：x轴数据列的列名或者列索引
• y（必须）：y轴数据列的列名或者列索引

完整代码

npm install plotly.js
npm install plotly express
import PlotlyExpress from 'plotly express';

let data = [
    {城市: '上海', 销售额: 4521},
    {城市: '北京', 销售额: 2188},
    {城市: '广州', 销售额: 2345},
    {城市: '深圳', 销售额: 2312},
    {城市: '杭州', 销售额: 1789}
];

let fig = PlotlyExpress.bar(data, x='城市', y='销售额');