更改chartjs/react-chart2js中折线图最后一段的颜色

Question

我想改变反应中折线图最后一段的颜色，我正在使用chartjs库，

我可以在last_element函数中使用ctx.p0DataIndex来对第一个元素执行此操作，如何访问数组的最后一个元素？

Answer 1

即使我没有使用react-chartjs-2来做到这一点，我认为它应该对你有帮助。

const lastSegment = function(ctx, value){
  if(ctx.p1DataIndex == config.data.datasets[0].data.length-1){
    return value
  }
}

segment: {
  borderColor: ctx => lastSegment(ctx, '#FF0000') 
}

我将下一个点的索引与最后一个索引进行比较。 如果 2 相等，我将线段的颜色更改为红色。

这是完整的代码看看它是什么样的