Advertisement

在EChart中展示不同区域的散点图的绘制方式

阅读量:

在ECharts中,若需绘制特定区域内的散点图,可采用 series 类型为 scatter 的图表形式,并借助配置参数的调整,利用两个xAxis横坐标轴来关联数据,从而呈现出预期的视觉效果。

一、常规散点图

首先,生成一个标准的散点图,并将其调整为符合需求的区域散点图形式。相关配置代码如下:

复制代码
 option = {

    
   xAxis: {},
    
   yAxis: {},
    
   series: [
    
     {
    
       type: 'scatter',
    
       symbolSize: 20,
    
       data: [
    
     [10.0, 8.04],
    
     [8.07, 6.95],
    
     [13.0, 7.58],
    
     [9.05, 8.81],
    
     [11.0, 8.33],
    
     [14.0, 7.66],
    
     [13.4, 6.81],
    
     [10.0, 6

全部评论 (0)

还没有任何评论哟~