通过目标时，莫里斯图表会改变颜色

Question

在我的莫里斯图表中，我希望线条在通过球门线时将颜色从蓝色变为红色。

我不知道如何开始这样做。这是我的图表的代码：

var chart = Morris.Line({
            element: element1 ,
            data: json,
            hideHover: 'auto',
            xkey: 'data_inicio',
            goals: [25,50],
            ykeys: colunas,
            pointSize:0,
            lineColors:['#000080','#228b22','#228b22','#ff7f50','#ff7f50'],
            labels: designacao_colunas,
            ymax: biggest,
            ymin : lowest,
            smooth: false
        });

Answer 1

我对Morris图表一无所知，但您可能想要考虑其他图表工具中使用的技术：将每行分成两行。使用目标值将每条线分成两条线，一条从目标下方到目标，另一条线从目标到目标上方。然后你可以在球门线的下方和上方使用不同的颜色。

在像Excel这样的传统图表工具中，它看起来像这样：