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

最新推荐文章于 2024-01-24 09:14:22 发布

原创

最新推荐文章于 2024-01-24 09:14:22 发布

· 656 阅读

0 ·

版权

文章标签：

#echarts #javascript #大数据

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先看效果图：

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,