src/charts/tooltip.js
/**
         * Draws the different elements of the Tooltip box
         * @return void
         */
Draws the different elements of the Tooltip box
@return void
Draws the different elements of the Tooltip box @return void
function drawTooltip(){
            tooltipTextContainer = svg.selectAll('.tooltip-group')
                .append('g')
                .classed('tooltip-text', true);
            tooltip = tooltipTextContainer
                .append('rect')
                .classed('tooltip-text-container', true)
                .attr('x', -tooltipWidth / 4 + 8)
                .attr('y', 0)
                .attr('width', tooltipWidth)
                .attr('height', tooltipHeight)
                .attr('rx', 3)
                .attr('ry', 3)
                .style('fill', bodyFillColor)
                .style('stroke', borderStrokeColor)
                .style('stroke-width', 1);
            tooltipTitle = tooltipTextContainer
                .append('text')
                .classed('tooltip-title', true)
                .attr('x', -tooltipWidth / 4 + 17)
                .attr('dy', '.35em')
                .attr('y', 16)
                .style('fill', titleFillColor);
            tooltipDivider = tooltipTextContainer
                .append('line')
                .classed('tooltip-divider', true)
                .attr('x1', -tooltipWidth / 4 + 15)
                .attr('y1', 31)
                .attr('x2', 265)
                .attr('y2', 31)
                .style('stroke', borderStrokeColor);
            tooltipBody = tooltipTextContainer
                .append('g')
                .classed('tooltip-body', true)
                .style('transform', 'translateY(8px)')
                .style('fill', textFillColor);
        }
function drawTooltip ( ) { tooltipTextContainer = svg . selectAll ( '.tooltip-group' ) . append ( 'g' ) . classed ( 'tooltip-text' , true ) ; tooltip = tooltipTextContainer . append ( 'rect' ) . classed ( 'tooltip-text-container' , true ) . attr ( 'x' , - tooltipWidth / 4 + 8 ) . attr ( 'y' , 0 ) . attr ( 'width' , tooltipWidth ) . attr ( 'height' , tooltipHeight ) . attr ( 'rx' , 3 ) . attr ( 'ry' , 3 ) . style ( 'fill' , bodyFillColor ) . style ( 'stroke' , borderStrokeColor ) . style ( 'stroke-width' , 1 ) ; tooltipTitle = tooltipTextContainer . append ( 'text' ) . classed ( 'tooltip-title' , true ) . attr ( 'x' , - tooltipWidth / 4 + 17 ) . attr ( 'dy' , '.35em' ) . attr ( 'y' , 16 ) . style ( 'fill' , titleFillColor ) ; tooltipDivider = tooltipTextContainer . append ( 'line' ) . classed ( 'tooltip-divider' , true ) . attr ( 'x1' , - tooltipWidth / 4 + 15 ) . attr ( 'y1' , 31 ) . attr ( 'x2' , 265 ) . attr ( 'y2' , 31 ) . style ( 'stroke' , borderStrokeColor ) ; tooltipBody = tooltipTextContainer . append ( 'g' ) . classed ( 'tooltip-body' , true ) . style ( 'transform' , 'translateY(8px)' ) . style ( 'fill' , textFillColor ) ; }
Draws the different elements of the Tooltip box
 @return void
Draws the different elements of the Tooltip box @return void