簡體   English   中英

Flutter圖表條形圖上的可選筆畫

[英]Optional stroke on Flutter charts bar chart

我有一個charts.BarChart ,我想在其中通過向條形圖添加邊框來突出顯示圖表中的條形圖之一。

這可以通過以下示例來完成:我可以使用colorFnfillColorFn分別為欄的邊框和內部着色。 默認情況下, colorFn什么都不做,但是通過將BarRendererConfig.strokeWidthPx設置為正值, colorFn可以控制邊框顏色。

現在,為了只給一個條上色,我天真的方法是為相關條返回charts.MaterialPalette.black中的colorFn ,為所有其他條返回charts.MaterialPalette.transparent 這不太有效,因為非突出顯示的條現在最終被填充了strokeWidthPx的值。 更好的方法是簡單地確保colorFnfillColorFn為未突出顯示的條返回相同的顏色。 這樣更好但仍然不夠完美:即使邊框與其內部具有相同的顏色,仍然可以看到邊框是單獨渲染的:

在此處輸入圖像描述

對於strokeWidthPx的默認 0 值不會發生這種情況。

所以問題是:有沒有辦法向 Flutter 圖表表明我不想為給定的柱線繪制邊框?

也歡迎提出有關突出顯示特定條形圖(使用非顏色的東西)的替代方法的建議。

確實有: charts.Series構造函數有一個strokeWidthPxFn參數,並且為非突出顯示的條返回0完全符合此處的要求。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM