echarts关于一次性绘制多个饼图 (基于vue3)

在echarts中,`dataset` 和 `source` 是用来配置数据的选项。

`dataset` 是一个包含数据相关配置的对象,用于指定数据的来源和格式。它可以包含多个维度的数据集,每个维度都可以有自己的名称和数据。

`source` 是 `dataset` 中的一个子项,用于指定数据的具体内容。在这个例子中,`source` 的值是一个二维数组,表示具体的数据。每一行代表一个数据条目,每一列代表一个维度。

数据格式为

dataset: {

        source: [

            ['状态', '2012', '2013', '2014', '2015', '2016', '2017'],

            ['运行', 41.1, 30.4, 65.1, 53.3, 83.8, 98.7],

            ['离线', 86.5, 92.1, 85.7, 83.1, 73.4, 55.1],

            ['待机', 24.1, 67.2, 79.5, 86.4, 65.2, 82.5],

            ['休眠', 55.2, 67.1, 69.2, 72.4, 53.9, 39.1]

        ]

    }

可以把整体理解成一个表格,第一行就是表格的标题,其次就是对应的参数,因为后面用到这个数据的时候这样理解会用起来方便些

老规矩直接上代码和注释  





 运行截图

echarts关于一次性绘制多个饼图 (基于vue3)_第1张图片

你可能感兴趣的:(可视化,echarts,前端,javascript)