React native 根据react native中的数据集更改图表中的笔划线颜色

我想根据数据范围更改笔划线颜色。
下面是我使用

react原生图表工具包所做的工作




但是我想喜欢这个--V
如果您有任何想法，请让我知道
您可以使用脚本背景色和片段，您需要在何时显示什么颜色方面稍微改进计算，但这是一个基本的起点

例如：


var选项={
键入：“行”，
数据：{
标签：[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”]，
数据集：[{
标签：“#投票数”，
数据：[12,15.5,19,11,3,4,5,3.5,2,2.5,3]，
边框宽度：1，
点半径：（ctx）=>（ctx.index%2===0？3:0），
背景颜色：（ctx）=>{
if（ctx.parsed==未定义）返回；
返回ctx.parsed.y>16“橙色”：ctx.parsed.y>12“绿色”：ctx.parsed.y>8“紫色”：ctx.parsed.y>4“蓝色”：“黑色”
},
部分：{
边框颜色：ctx=>（ctx.p1.parsed.y>16？“橙色”：ctx.p1.parsed.y>12？“绿色”：ctx.p1.parsed.y>8？“紫色”：ctx.p1.parsed.y>4？“蓝色”：“黑色”）
}
}]
},
选项：{
比例：{
雅克斯：[{
滴答声：{
反面：假
}
}]
}
}
}
var ctx=document.getElementById（'chartJSContainer'）.getContext（'2d'）；
新图表（ctx，选项）

@leeLenlee您介意描述一下我们如何在react-native中使用此选项而不使用webView吗？老实说，我不知道，从来没有使用react-native，因为您用chart.js和highcharts标记了问题，ireact-native使用JavaScript，我想您知道如何在其中使用它，这很好。让我们想想。