Function styleLines

src/components/legend/style.js:86–166

(d)

        .each(styleOHLC);

    function styleLines(d) {
        var styleGuide = getStyleGuide(d);
        var showFill = styleGuide.showFill;
        var showLine = styleGuide.showLine;
        var showGradientLine = styleGuide.showGradientLine;
        var showGradientFill = styleGuide.showGradientFill;
        var anyFill = styleGuide.anyFill;
        var anyLine = styleGuide.anyLine;

        var d0 = d[0];
        var trace = d0.trace;
        var dMod, tMod;

        var cOpts = extractOpts(trace);
        var colorscale = cOpts.colorscale;
        var reversescale = cOpts.reversescale;

        var fillStyle = function (s) {
            if (s.size()) {
                if (showFill) {
                    Drawing.fillGroupStyle(s, gd, true);
                } else {
                    var gradientID = 'legendfill-' + trace.uid;
                    Drawing.gradient(s, gd, gradientID, getGradientDirection(reversescale), colorscale, 'fill');
                }
            }
        };

        var lineGradient = function (s) {
            if (s.size()) {
                var gradientID = 'legendline-' + trace.uid;
                Drawing.lineGroupStyle(s);
                Drawing.gradient(s, gd, gradientID, getGradientDirection(reversescale), colorscale, 'stroke');
            }
        };

        // with fill and no markers or text, move the line and fill up a bit
        // so it's more centered

        var pathStart =
            subTypes.hasMarkers(trace) || !anyFill
                ? 'M5,0'
                : // with a line leave it slightly below center, to leave room for the
                  // line thickness and because the line is usually more prominent
                  anyLine
                  ? 'M5,-2'
                  : 'M5,-3';

        var this3 = d3.select(this);

        var fill = this3
            .select('.legendfill')
            .selectAll('path')
            .data(showFill || showGradientFill ? [d] : []);
        fill.enter().append('path').classed('js-fill', true);
        fill.exit().remove();
        fill.attr('d', pathStart + 'h' + itemWidth + 'v6h-' + itemWidth + 'z').call(fillStyle);