flutter - 是否有任何选项可以在 flutter fl_charts 中指定 x 轴和 y 轴上的值之间的间隔?

标签 flutter dart fl-chart

enter image description here 折线图(

    LineChartData(
    minX: 0,
    maxX: 40,
    minY: 0,

    lineBarsData: [
    LineChartBarData(

    spots: fl,
    isCurved: true,
    barWidth: 5,
    )
    ]
    )

),

这是我在 x 轴上的代码值重叠。 我正在使用 fl_charts 进行 flutter ,是否有任何选项可以指定轴值之间的间隔?

最佳答案

折线图数据( 最小值:0, maxX: 40,

                        gridData: FlGridData(
                          show: false,
                        ),
                        titlesData: FlTitlesData(
                          bottomTitles: SideTitles(
                            showTitles: true,
                            reservedSize: 22,
                            getTextStyles: (value) => const TextStyle(
                              color: CColors.pink,
                              fontWeight: FontWeight.bold,
                              fontSize: 16,
                            ),
                            margin: 10,
                            getTitles: (value) {
                              if(value.toInt() % 5 == 0){
                                return '${value.toInt()}';
                              }else{
                                return '';
                              }},
                          ),
                          leftTitles: SideTitles(
                            showTitles: true,
                            getTextStyles: (value) => const TextStyle(
                              color: CColors.pink,
                              fontWeight: FontWeight.bold,
                              fontSize: 14,
                            ),
                            getTitles: (value) {
                              if(value.toInt() % 25 == 0){
                                return '${value.toInt()}';
                              }else{
                                return '';
                              }
                              },
                              margin: 8,
                              reservedSize: 30,
                            ),
                          ),
                        borderData: FlBorderData(
                          show: true,

                        ),
                        lineBarsData: [
                          LineChartBarData(

                            spots: fl,
                            colors: [CColors.pink],
                            barWidth: 5,
                          ),
                        ],
                      ),

关于flutter - 是否有任何选项可以在 flutter fl_charts 中指定 x 轴和 y 轴上的值之间的间隔?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66757233/

相关文章:

ios - Flutter - 如何在 IOS 上保存文件

flutter - 如何删除此 fl-chart flutter 中的 X-Y 值

Flutter Web - 不支持的操作 : NaN error for canvas in Card widget

performance - Flutter widget 应该在类中创建还是在 build() 函数中创建?

dart - 创建于更新于 Aqueduct

flutter - 使用 fl_chart 我们如何添加现在线?

macos - 错误 : Unable to 'pub upgrade' flutter tool. 五秒后重试...(还剩 9 次尝试)

dart - Iterable 的 whereType 方法行为

android - 如何为 64 位设备支持我的 flutter 应用程序?

flutter - 如何获取数字并将其存储在Flutter中的变量中