当前位置: 首页 > 网络应用技术

如何在同一图中实现线图和散点图

时间:2023-03-07 10:22:30 网络应用技术

  首先,我们需要在VUE中介绍相关的DOM代码:

  其次,我们需要介绍所使用的插头:

  以下是我们开始绘制的效果。我们在主页上定义了Xaxis和Yaxis。这是由坐标系组成的。然后,我们通过在Xaxis中设置类型和Axislabel设置类型和间隔。数据中的数据被划分。例如,我们将数据设置为这样的0到360的阵列。如果我们将Axislabel设置为59,则仅显示图中所示的X轴。

  我们也可以使用另一种方式。类型设置为值,最小值设置为最小值,最大设置最大值,间隔设置间隔为20,效果显示在图的y轴中。

  在图中的红线中,我们可以设置标记线。

  如果我们想收缩,我们可以设置数据ZOUM,即散射点映射的属性,如果我们想要x轴和y -axis数据对象,我们可以配置它,以使其很好地效果。