Function radarLayout

src/chart/radar/radarLayout.ts:30–64

(ecModel: GlobalModel)

export const radarLayoutStageHandler = createSimpleOverallStageHandler(SERIES_TYPE_RADAR, radarLayout);

function radarLayout(ecModel: GlobalModel) {
    ecModel.eachSeriesByType(SERIES_TYPE_RADAR, function (seriesModel: RadarSeriesModel) {
        const data = seriesModel.getData();
        const points: Point[][] = [];
        const coordSys = seriesModel.coordinateSystem;
        if (!coordSys) {
            return;
        }

        const axes = coordSys.getIndicatorAxes();

        zrUtil.each(axes, function (axis, axisIndex) {
            data.each(data.mapDimension(axes[axisIndex].dim), function (val, dataIndex) {
                points[dataIndex] = points[dataIndex] || [];
                const point = coordSys.dataToPoint(val, axisIndex);
                points[dataIndex][axisIndex] = isValidPoint(point)
                    ? point : getValueMissingPoint(coordSys);
            });
        });

        // Close polygon
        data.each(function (idx) {
            // TODO
            // Is it appropriate to connect to the next data when some data is missing?
            // Or, should trade it like `connectNull` in line chart?
            const firstPoint = zrUtil.find(points[idx], function (point) {
                return isValidPoint(point);
            }) || getValueMissingPoint(coordSys);

            // Copy the first actual point to the end of the array
            points[idx].push(firstPoint.slice());
            data.setItemLayout(idx, points[idx]);
        });
    });
}

function isValidPoint(point: Point) {
    return !isNaN(point[0]) && !isNaN(point[1]);