我正在Flutter中實施折線圖,我已經畫好了折線圖,但我需要用不同的顏色顯示水平線。有什么方法可以做到這一點嗎?
以下是我想實作的附圖。
LineChartData(
minX。0,
maxX: 11,
minY: 0,
maxY: 6,
titlesData。LineTitles.getTitleData()。
gridData: FlGridData(
show: true,
getDrawingHorizontalLine: (value) {
return FlLine(
color: Colors.gray,
strokeWidth: 1,
);
},
drawVerticalLine: true。
getDrawingVerticalLine: (value) {
return FlLine(
color: Colors.gray,
strokeWidth: 1,
);
},
),
borderData。FlBorderData(
show: true,
邊界。Border.all(color: Colors.gray, width: 1),
),
lineBarsData。[
線形圖資料(LineChartBarData)
斑點。[
FlSpot(4.9, 5),
FlSpot(6.8, 2.5) 。
FlSpot(8, 4) 。
FlSpot(9.5, 3) 。
FlSpot(11, 4) 。
],
isCurved: true。
barWidth: 3,
),
],
),[![我需要顯示橙色和紅色的水平線][1]] [1]
uj5u.com熱心網友回復:
是的,你可以在fl_chart中檢查網格線的顏色。你已經使用了可以修改這些顏色的函式,就是getDrawingHorizontalLine()。
getDrawingHorizontalLine: (value) {
if(value == 1) {
return FlLine(
color: Colors.red,
strokeWidth: 2,
);
} else if ( value == 2 ) {
return FlLine(
color: Colors.yellow,
strokeWidth: 2,
);
} else {
return FlLine(
color: Colors.gray,
strokeWidth: 2,
);
}
}
現在你可以看到,我在這里添加了條件,如果數值是1或2,那么網格線的顏色應該是紅色和黃色。現在,這是一個丑陋的方法來改變顏色的條件,但你可以自己動態地做到這一點。
如果你想改變垂直網格線,你應該使用getDrawingVerticalLine()來改變顏色值。
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/309251.html
標籤:
上一篇:如何在Flutter中向Http請求(POST)的正文傳遞影像檔案?
下一篇:為什么這個遞回會回傳0?

