private createChartGroup()

in src/visual.ts [379:413]


    private createChartGroup(svgRoot: Selection, type: DualKpiChartPositionType): IChartGroup {
        let chartGroup: Selection = svgRoot
            .append("g")
            .attr("class", "chartGroup")
            .classed(type === DualKpiChartPositionType.top ? "chartGroupTop" : "chartGroupBottom", true);

        let chartArea = chartGroup
            .append("path")
            .attr("class", "area");

        let yAxis = chartGroup
            .append("g")
            .attr("class", "axis");

        let hoverLine = chartGroup
            .append("line")
            .attr("class", "hoverLine");

        let hoverDataContainer: IHoverDataContainer = this.createHoverDataContainer(chartGroup);
        let chartOverlay: IChartOverlay = this.createChartOverlay(chartGroup);

        let zeroAxis = chartGroup
            .append("path")
            .attr("class", "zero-axis");

        return {
            group: chartGroup,
            area: chartArea,
            yAxis: yAxis,
            hoverLine,
            hoverDataContainer: hoverDataContainer,
            chartOverlay: chartOverlay,
            zeroAxis: zeroAxis
        };
    }