Example Image 如何只旋转条形图上的 x 轴?
我用 labelRotationAngle 用 Kotlin 语言来做这件事。是否可以使用 Flutter 做到这一点?感谢您的帮助。
Rotate
charts.BarChart(
_createDataForChart(key, city_name),
animate: true,
behaviors: [new charts.PanAndZoomBehavior()],,
)
List<charts.Series<priceChart,String>> _createDataForChart(key, city_name){
return [
new charts.Series<priceChart, String>(
id: 'Sales',
colorFn: (_, __) => charts.MaterialPalette.blue.shadeDefault,
domainFn: (priceChart sales, _) => sales.date,
measureFn: (priceChart sales, _) => sales.price,
data: data,
)
]
}
最佳答案
你可以使用 domainAxis 和 renderSpec 来实现这一点。示例代码在这里:
charts.BarChart(
seriesList,
animate: animate,
domainAxis: new charts.OrdinalAxisSpec(
renderSpec: charts.SmallTickRendererSpec(
//
// Rotation Here,
labelRotation: 45,
),
),
)
45度是最好的。如果你去 90 它会缩小图表。但是你可以使用
labelAnchor: charts.TickLabelAnchor.before
和 labelRotation: -90
来实现你想要的。示例代码:charts.BarChart(
seriesList,
animate: animate,
domainAxis: new charts.OrdinalAxisSpec(
renderSpec: charts.SmallTickRendererSpec(
// Rotation Here,
labelRotation: -90,
labelAnchor: charts.TickLabelAnchor.before,
),
),
)
关于charts - Flutter Charts 如何旋转 X 轴?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55319412/