Как изменить цвета и шрифты "VALUE" осей x, y - PullRequest
Новая
       40

Как изменить цвета и шрифты "VALUE" осей x, y

0 голосов
/ 12 июля 2020

Я много копался в inte rnet, и мне удалось заменить их на диаграмму P ie со свойством entryTextStyle: сделать это для линейной диаграммы и столбчатой ​​диаграммы. Части, которые я хотел бы настроить, выделены желтым маркером:

enter image description here

введите описание изображения здесь

Вот мои коды: Гистограмма: 

Expanded(
    child: charts.BarChart(
      barChartData,
      animate: true,
      barGroupingType: charts.BarGroupingType.grouped,
      animationDuration: Duration(seconds: 1),
    ),
  ),

Для линейной диаграммы: 

Expanded(
    child: charts.LineChart(lineChartData,
        defaultRenderer: charts.LineRendererConfig(
            areaOpacity: 0.4,
            includeArea: true,
            stacked: true),
        animate: true,
        animationDuration: Duration(seconds: 1),
        behaviors: [
          charts.ChartTitle('2020 Yılı',
              titleStyleSpec: charts.TextStyleSpec(
                  color: charts.ColorUtil.fromDartColor(
                      kIbbWifiPieChart2)),
              behaviorPosition:
                  charts.BehaviorPosition.bottom,
              titleOutsideJustification: charts
                  .OutsideJustification.middleDrawArea),
          charts.ChartTitle('1000 Kullanıcı',
              titleStyleSpec: charts.TextStyleSpec(
                  color: charts.ColorUtil.fromDartColor(
                      kIbbWifiPieChart2)),
              behaviorPosition:
                  charts.BehaviorPosition.start,
              titleOutsideJustification: charts
                  .OutsideJustification.middleDrawArea),
          charts.ChartTitle(
            'Eğitim Durumu',
            titleStyleSpec: charts.TextStyleSpec(
                color: charts.ColorUtil.fromDartColor(
                    kIbbWifiPieChart2)),
            behaviorPosition:
                charts.BehaviorPosition.end,
            titleOutsideJustification: charts
                .OutsideJustification.middleDrawArea,
          )
        ]),
  ),

1 Ответ

0 голосов
/ 17 июля 2020

Вот как изменить цвета метки:

Это делается со свойствами 

OrdinalAxisSpec(renderSpec:charts.SmallTickRendererSpec(labelStyle:... )

. Вот мой код: 

Expanded(
    child: charts.BarChart(
      _barChartData,
      animate: true,
      barGroupingType: charts.BarGroupingType.grouped,
      animationDuration: Duration(seconds: 1),
      domainAxis: charts.OrdinalAxisSpec(
        renderSpec: charts.SmallTickRendererSpec(
          labelStyle: charts.TextStyleSpec(
            fontSize: 18,
            color: charts.ColorUtil.fromDartColor(
                kIbbWifiPieChart2),
          ),
        ),
      ),
      primaryMeasureAxis: charts.NumericAxisSpec(
        renderSpec: charts.SmallTickRendererSpec(
          labelStyle: charts.TextStyleSpec(
            color: charts.ColorUtil.fromDartColor(
                kIbbWifiPieChart2),
          ),
        ),
      ),
    ),
  ),
...