Plotly 交互图表组件使用指南

学习如何使用 Plotly 组件创建专业级交互式数据可视化

徐文杰 2024年4月5日 1 分钟

本文介绍如何在博客中使用 Plotly 组件创建专业级交互式图表。

基础折线图

柱状图

饼图

使用方式

import { Plotly } from '@/components/mdx';

<Plotly
  data={[
    {
      x: [1, 2, 3],
      y: [10, 20, 30],
      type: 'scatter'
    }
  ]}
  layout={{
    title: '图表标题'
  }}
  height="400px"
/>