如果条形图超过混合图表chart.js中的平均得分，如何改变其颜色

Question

在此参考图片中，如果颜色高于线图的AvgScor，我想将其颜色更改为绿色。>

我正在使用chart.js混合图

在此img的第4个，从左到第是平均分数

var ctx = document.getElementById（“ overAllScore”）。getContext（'2d'）;

var totalScoreData = [some data]; // Add data values to array


var labels = ["A"," Q", "C","C","A","p"]; // Add labels to array



var overAllScore = new Chart(ctx, {
        type: 'bar',
        data: {
            labels: labels,
            datasets: [{
                label: 'Scores', // Name the series
                data: totalScoreData,
                backgroundColor: 'rgba(255, 99, 132, 0.2)',

                borderWidth: 1 
            },
                    {
                label: 'AvgScore',
                data: [somedata], 
                backgroundColor: '#f443368c',
                borderColor: '#f443368c',

                borderWidth: 1, // Specify bar border width
                type: 'line', 
                fill: false        
            }]
        },
        options: {
        responsive: true, // Instruct chart js to respond nicely.
        maintainAspectRatio: false,
        scales: {
            yAxes: [{
                    display: true,
                    ticks: {
                        beginAtZero: true,
                        steps: 10,
                        max: 100
                    }
                }]
        }

        }

    });

在此参考图片中，如果颜色高于条形线的AvgScor，我想将其颜色更改为绿色，我正在使用此img第4个img中的chart.js混合图形，从左数第一个是高于平均分...

Answer 1

好吧，我们首先将一个最小的可重现示例放在一起（在问题中，请确保获得的代码可以使某些人单击此处的“运行代码段”，或打开指向codePen /代码沙箱的链接。）-您应该给假人数据，以使其他人可以立即开始使用示例，就像您在屏幕快照等中看到的一样。）：