Водопад RGraph: избавьтесь от линий, соединяющих бары - PullRequest
Новая
       11

Водопад RGraph: избавьтесь от линий, соединяющих бары

0 голосов
/ 28 июня 2019

Я создал водопад, используя RGraph, как показано на рисунке ниже. Все выглядит великолепно, кроме этих тонких линий, соединяющих каждую планку Я обвел их красным на изображении. Как я могу избавиться от этих тонких соединительных линий? Я не могу найти это в документации.

См. мой jsfiddle здесь для рабочей версии.

Waterfall image with lines circled in red

Код:

HTML: 

<html>
    <body>
        <canvas id="cvs" width="800px" height="300px"></canvas>
    </body>
</html>

JavaScript: 

    var waterfallChart = new RGraph.Waterfall({
        id: 'cvs',
        data: [570.00, -7.39, -26.61, -18.69, -4.24],
        options: {
            linewidth: 0,
            colors: ["#b3b3b3", "#afe5ed", "#afe5ed", "#afe5ed", "#afe5ed", "#6f2e92"],
            colorsStroke: "#ffffff",
            colorsSequential: true,
            title: "The Title Of My Chart",
            titleColor: "#727272",
            titleSize: 15,
            labelsAbove: true,
            labelsAboveDecimals: 2,
            labelsAboveUnitsPre: "$",
            axes: false,
            backgroundGrid: false,
            backgroundBarsCount: 0,
            yaxisLabels: false,
            yaxisTickmarksCount: 0,
            xaxisTickmarksCount: 0,
            yaxisScaleMin: 450,
            xaxisLabelsSize: 10,
            xaxisLabels: ['Plan 3',
                          'This is\na label',
                          'This is \nanother label',
                          'This is\na thing',
                          'This is\nyet another thing',
                          'blah'],
            xaxisLabelsOffsety: 50,
            xaxisLabelsColor: "#9f9f9f"
        }
    });
    // waterfallChart.Set('chart.gutter.bottom',35);
    waterfallChart.draw();

Спасибо за помощь!

1 Ответ

1 голос
/ 28 июня 2019

Это просто соединительные линии - и нет возможности отключить их, но вы можете изменить источник, чтобы скрыть их, выполнив следующее:

На (или около) строке 1318 файла RGraph.waterfall.js вы найдете следующие строки: 

co.lineWidth   = 1;
co.strokeStyle = '#666';

Вместо этого измените их на: 

co.lineWidth   = 0.00001; // Don't zet to zero
co.strokeStyle = 'rgba(0,0,0,0)'; // transparent
...