vue中使用数据可视化

最新推荐文章于 2024-05-12 12:14:45 发布

```飞翔的翅膀```

最新推荐文章于 2024-05-12 12:14:45 发布

阅读量1.2k

点赞数

文章标签：可视化

本文链接：https://blog.csdn.net/weixin_46031162/article/details/116718434

版权

1.多坐标系就是一个图表实现展现多个坐标系，一个坐标系就是一个grid这里主要用到关键几个属性：grid,xAxis,yAxis,gridIndex,xAxisIndex,yAxisIndexgrid：定义坐标系网络xAxis：x轴yAxis: y轴gridIndex：网络的下标从0开始，0代码第一个网格坐标,1代码第2个坐标系。。。。xAxisIndex：代表横轴坐标编号 0代码第1个横轴。。。。yAxisIndex：代纵轴坐标编号 0代码第1个纵轴。。。。完整示例代码如下：&l

摘要由CSDN通过智能技术生成

1.多坐标系

就是一个图表实现展现多个坐标系，一个坐标系就是一个grid

这里主要用到关键几个属性：grid,xAxis,yAxis,gridIndex,xAxisIndex,yAxisIndex

grid：定义坐标系网络

xAxis：x轴

yAxis: y轴

gridIndex：网络的下标从0开始，0代码第一个网格坐标,1代码第2个坐标系。。。。

xAxisIndex：代表横轴坐标编号 0代码第1个横轴。。。。

yAxisIndex：代纵轴坐标编号 0代码第1个纵轴。。。。

完整示例代码如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body>
    <div id="box" style="width: 100%; height: 800px"></div>
</body>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.1.1/dist/echarts.min.j

最低0.47元/天解锁文章

```飞翔的翅膀```

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue中使用数据可视化

1.多坐标系就是一个图表实现展现多个坐标系，一个坐标系就是一个grid这里主要用到关键几个属性：grid,xAxis,yAxis,gridIndex,xAxisIndex,yAxisIndexgrid：定义坐标系网络xAxis：x轴yAxis: y轴gridIndex：网络的下标从0开始，0代码第一个网格坐标,1代码第2个坐标系。。。。xAxisIndex：代表横轴坐标编号 0代码第1个横轴。。。。yAxisIndex：代纵轴坐标编号 0代码第1个纵轴。。。。完整示例代码如下：&l
复制链接

扫一扫