Как показать обе перекрывающиеся линии в графике - PullRequest
Новая
       13

Как показать обе перекрывающиеся линии в графике

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

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

img-> https://nimb.ws/b7jvVH

var chart = new Chart(ctx, {
// The type of chart we want to create
type: 'line', // also try bar or other graph types

// The data for our dataset
data: {
    labels: $.getMonths(year+'-01-01',year+'-12-31'),
    // Information about the dataset
datasets: [
    {
        label: "Converted",
        borderColor: 'Green',
        data: leadsConvertedAtCountPerMonthPerYear,

    },
    {
        label: "Contacted",
        borderColor: 'red',
        data: leadsContactedAtCountPerMonthPerYear,

    },
    {
        label: "Assigned",
        borderColor: 'royalblue',
        data: leadsAssignedAtCountPerMonthPerYear,

    },


]
},

// Configuration options
options: {
layout: {
  padding: 10,
},
    legend: {
        position: 'bottom',
    },
    title: {
        display: true,
        text: 'Reports for '
    },
    scales: {
        yAxes: [{
            scaleLabel: {
                display: true,
                labelString: 'Precipitation in mm'
            }
        }],
        xAxes: [{
            scaleLabel: {
                display: true,
                labelString: 'Month of the Year'
            }
        }]
    }
}

}); введите описание изображения здесь

Я хочу, чтобы перекрывающиеся линии отображали оба цвета

1 Ответ

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

Вы можете попробовать сделать цвета полупрозрачными. Например. вместо зеленого используйте rgb(0,128,0,0.5)

...