首页 > 解决方案 > 在flutter中使用charts_flutter更改选择时的图表栏颜色

问题描述

当用户单击它时,我想更改或突出显示该栏以及如何在底部舍入该栏。我尝试制作,但我无法按照它制作,请帮助我制作它。我的一些代码是

charts.TimeSeriesChart(
        widget.seriesList,
        animate: widget.animate,
        primaryMeasureAxis: new charts.NumericAxisSpec(
            renderSpec: charts.SmallTickRendererSpec(
              tickLengthPx: 0,
            ),
            showAxisLine: false),
        dateTimeFactory: charts.LocalDateTimeFactory(),
        domainAxis: charts.DateTimeAxisSpec(
          renderSpec: charts.SmallTickRendererSpec(
            tickLengthPx: 0,
          ),
          showAxisLine: false,
          tickFormatterSpec: charts.AutoDateTimeTickFormatterSpec(
            month: charts.TimeFormatterSpec(
              format: 'EEE',
              transitionFormat: 'EEE',
            ),
          ),
        ),
        defaultRenderer: charts.BarRendererConfig(
            cornerStrategy: charts.ConstCornerStrategy(30)),
        defaultInteractions: true,
        selectionModels: [
          SelectionModelConfig(
              type: SelectionModelType.info,
              changedListener: (SelectionModel model) {
                if (model.hasDatumSelection)
                  pointerValue = model.selectedSeries[0]
                      .measureFn(model.selectedDatum[0].index)
                      .toString();
              })
        ],
        behaviors: [
          new LinePointHighlighter(
              symbolRenderer:
                  CustomCircleSymbolRenderer(text: textSelected)),
        ],
      )

我的代码导致这个

在此处输入图像描述

我想要这个

在此处输入图像描述

标签: flutterflutter-layoutbar-chartflutter-dependencies

解决方案


推荐阅读