echarts实现高通量功能预测 Procrustes图

最新推荐文章于 2025-06-06 15:37:25 发布

原创

最新推荐文章于 2025-06-06 15:37:25 发布 · 679 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #javascript #大数据

本文介绍了如何利用Echarts库在JavaScript中实现高通量功能预测的Procrustes图。文章通过展示最终的图表效果，并提供初始数据和详细代码实现，为读者展示了数据可视化的过程。

先看效果图：

1、初始数据（上图都是按照这个数据画出来的）：

const data = [
			{
				name: '样本1',
				Axis1: -3,
				Axis2: -3,
				color: '#97D7DB',
				rotateAxis1: -1,
				rotateAxis2: -2,
			},
			{
				name: '样本2',
				Axis1: -2,
				Axis2: -2,
				color: '#41CF51',
				rotateAxis1: -3,
				rotateAxis2: -1,
			},
			{
				name: '样本3',
				Axis1: -1,
				Axis2: -1,
				color: '#EAE88A',
				rotateAxis1: 1,
				rotateAxis2: 2,
			},
			{ name: '样本4', Axis1: 0, Axis2: 0, color: '#53BB25', rotateAxis1: 1, rotateAxis2: 2 },
			{ name: '样本5', Axis1: 1, Axis2: 1, color: '#F7782C', rotateAxis1: 3, rotateAxis2: 1 },
			{
				name: '样本6',
				Axis1: 2,
				Axis2: 2,
				color: '#3B4DF2',
				rotateAxis1: 0,
				rotateAxis2: -3,
			},
			{ name: '样本7', Axis1: 3, Axis2: 3, color: '#3685B5', rotateAxis1: 1, rotateAxis2: 0 },
		];<