ECharts在散点图上绘制多边形

ECharts在散点图上绘制多边形,charts,scatter-plot,echarts,Charts,Scatter Plot,Echarts,我在谷歌上搜索了很多,但找不到任何信息。是否可以在ECharts中的散点图上绘制多边形,以获得与下图相同的视图 ECharts有一个用于绘制多边形的API: function renderItem(params, api) { if (params.context.rendered) { return; } params.context.rendered = true; let points = []; for (let i = 0;

我在谷歌上搜索了很多,但找不到任何信息。是否可以在ECharts中的散点图上绘制多边形,以获得与下图相同的视图


ECharts有一个用于绘制多边形的API:

function renderItem(params, api) {
    if (params.context.rendered) {
        return;
    }

    params.context.rendered = true;

    let points = [];
    for (let i = 0; i < data.length; i++) {
        points.push(api.coord(data[i]));
    }

    let color = api.visual('color');

    return {
        type: 'polygon',
        shape: {
            points: echarts.graphic.clipPointsByRect(points, {
                x: params.coordSys.x,
                y: params.coordSys.y,
                width: params.coordSys.width,
                height: params.coordSys.height
            })
        },
        style: api.style({
            fill: color,
            stroke: echarts.color.lift(color)
        })
    };
}

var data = [
     [
        echarts.number.round(3.8),
        echarts.number.round(4)
     ],
     [
        echarts.number.round(3.8),
        echarts.number.round(4.5)
     ],
     [
        echarts.number.round(5),
        echarts.number.round(6)
     ]
];

option = {
    xAxis: {},
    yAxis: {},
    series: [
        ...other charts here ...
        {
            type: 'custom',
            renderItem: renderItem,
            data: data
        }
    ]
};
函数renderItem(参数,api){
if(params.context.rendered){
返回;
}
params.context.rendered=true;
设点=[];
for(设i=0;i
结果如下所示:


ECharts有一个用于绘制多边形的API:

function renderItem(params, api) {
    if (params.context.rendered) {
        return;
    }

    params.context.rendered = true;

    let points = [];
    for (let i = 0; i < data.length; i++) {
        points.push(api.coord(data[i]));
    }

    let color = api.visual('color');

    return {
        type: 'polygon',
        shape: {
            points: echarts.graphic.clipPointsByRect(points, {
                x: params.coordSys.x,
                y: params.coordSys.y,
                width: params.coordSys.width,
                height: params.coordSys.height
            })
        },
        style: api.style({
            fill: color,
            stroke: echarts.color.lift(color)
        })
    };
}

var data = [
     [
        echarts.number.round(3.8),
        echarts.number.round(4)
     ],
     [
        echarts.number.round(3.8),
        echarts.number.round(4.5)
     ],
     [
        echarts.number.round(5),
        echarts.number.round(6)
     ]
];

option = {
    xAxis: {},
    yAxis: {},
    series: [
        ...other charts here ...
        {
            type: 'custom',
            renderItem: renderItem,
            data: data
        }
    ]
};
函数renderItem(参数,api){
if(params.context.rendered){
返回;
}
params.context.rendered=true;
设点=[];
for(设i=0;i
结果如下所示: