@antv/t8/lib/charts/anomaly/index.js

T8 is a text visualization solution for unstructured data within the AntV technology stack, and it is a declarative T8 markdown syntax that can be used to describe the content of data interpretation reports.

'use strict';

var getElementFontSize = require('../../utils/getElementFontSize.js');
require('../utils/selection.js');
var scales = require('../utils/scales.js');
require('tslib');
var createSvg = require('../utils/createSvg.js');
var _const = require('../utils/const.js');

var ANOMALY_WIDTH = 1;
var ANOMALY_HEIGHT = 12;
var renderAnomalyChart = function (container, config, paragraphType, themeSeedToken) {
    var _a = config.data, data = _a === void 0 ? [] : _a;
    if (!data.length)
        return;
    var chartSize = getElementFontSize.getElementFontSize(paragraphType, themeSeedToken);
    var height = chartSize;
    var width = Math.max(chartSize * 2, data.length * 2);
    var svg = createSvg.createSvg(container, width, height);
    var xScale = scales.scaleLinear([0, data.length - 1], [_const.SCALE_ADJUST, width - _const.SCALE_ADJUST]);
    var centerY = height / 2;
    svg
        .append('line')
        .attr('x1', _const.SCALE_ADJUST)
        .attr('y1', centerY)
        .attr('x2', width - _const.SCALE_ADJUST)
        .attr('y2', centerY)
        .attr('stroke', _const.LINE_STROKE_COLOR)
        .attr('stroke-width', 1);
    data.forEach(function (value, index) {
        var x = xScale(index);
        if (value !== 0) {
            svg
                .append('line')
                .attr('x1', x)
                .attr('y1', centerY - ANOMALY_HEIGHT / 2)
                .attr('x2', x)
                .attr('y2', centerY + ANOMALY_HEIGHT / 2)
                .attr('stroke', _const.HIGHLIGHT_COLOR)
                .attr('stroke-width', ANOMALY_WIDTH);
        }
    });
};

exports.renderAnomalyChart = renderAnomalyChart;
//# sourceMappingURL=index.js.map