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.beforelabelRotation: -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/

10-15 11:12