mpandroidchart - ios-charts 设置数据后如何失效/重绘

Question

在底部查看更新(2015 年 4 月 30 日)

我正在使用 ios-charts 在 Swift for iOS 中实现饼图，并选择自定义图例。值得注意的是，图表显示在 UICollectionView 的单元格内。问题是在第一次显示时，未显示自定义图例内容。相反，我得到从数据生成的图例内容。

如果我将 View 滚动到屏幕外，然后将其滚动回屏幕上，则会显示正确的自定义图例。所以，我猜测在设置自定义图例后我需要强制重绘/重新布局/重新进行某些操作。我还没弄清楚该怎么做。有人有想法吗？我完全错过了什么吗？谢谢!

初始显示的图表 - 数据生成的(错误)图例

滚动并返回屏幕后的图表 - (正确的图例)

这是我绘制此图表的代码:

func initChart(pieChart: PieChartView) {
    numFormatter.maximumFractionDigits = 0

    pieChart.backgroundColor = UIColor.whiteColor()

    pieChart.usePercentValuesEnabled = false
    pieChart.drawHoleEnabled = true
    pieChart.holeTransparent = true
    pieChart.descriptionText = ""
    pieChart.centerText = "30%\nComplete"

    pieChart.data = getMyData()

    // Setting custom legend info, called AFTER setting data
    pieChart.legend.position = ChartLegend.ChartLegendPosition.LeftOfChartCenter
    pieChart.legend.colors = [clrGreenDk, clrGold, clrBlue]
    pieChart.legend.labels = ["Complete","Enrolled","Future"]
    pieChart.legend.enabled = true
}

func getMyData() -> ChartData {

    var xVals = ["Q201","R202","S203","T204","U205", "V206"]

    var courses: [ChartDataEntry] = []
    courses.append(ChartDataEntry(value: 3, xIndex: 0))
    courses.append(ChartDataEntry(value: 3, xIndex: 1))
    courses.append(ChartDataEntry(value: 4, xIndex: 2))
    courses.append(ChartDataEntry(value: 4, xIndex: 3))
    courses.append(ChartDataEntry(value: 3, xIndex: 4))
    courses.append(ChartDataEntry(value: 3, xIndex: 5))

    let dsColors = [clrGreenDk, clrGreenDk, clrBlue, clrBlue, clrGold, clrGold]

    let pcds = PieChartDataSet(yVals: courses, label: "")
    pcds.sliceSpace = CGFloat(4)
    pcds.colors = dsColors
    pcds.valueFont = labelFont!
    pcds.valueFormatter = numFormatter
    pcds.valueTextColor = UIColor.whiteColor()

    return ChartData(xVals: xVals, dataSet: pcds)
}

2015 年 4 月 30 日更新

根据与 MPAndroidChart(ios-charts 的基础)作者的讨论，图表显示生命周期中似乎没有一个点可以覆盖“第一次绘制”上的图例。基本上，无论如何，图表都会在创建时呈现。如果您在图表上设置数据，图表将使用该数据创建图例，然后进行渲染。无法更改设置数据点和图表渲染点之间的图例。

setNeedsDisplay()

有可能，我们可以等待图表渲染，更新图例，然后调用 Chart.setNeedsDisplay() 来指示图表重新绘制。遗憾的是，这存在一个时间问题。如果您在渲染图表后立即调用此方法，它要么不会触发，要么(更有可能)触发得太快并被有效忽略。在我的代码中，将此调用放在 viewDidLoad 或 viewDidAppear 中没有任何效果。然而...

在 Java 中为 Android 构建相同的图表(使用 MPAndroidChart)会导致相同的问题。闲逛了一段时间后，我注意到如果我在延迟后调用 Chart.invalidate() (使用 Handler.postDelayed())，它会正确触发。事实证明，类似的方法适用于 iOS 上的 ios-charts。

如果使用 GCD 延迟对 setNeedsDisplay() 的调用，即使在渲染后延迟几毫秒，似乎也能达到目的。在 ViewController 中初始化图 TableView 后，我立即添加了以下代码(“cell”是包含图 TableView 的 UICollectionViewCell):

delay(0.05) {
    cell.pieChartView.legend.colors = [self.clrGreenDk, self.clrGold, self.clrBlue]
    cell.pieChartView.legend.labels = ["Complete","Enrolled","Future"]
    // Re-calc legend dimensions for proper position (Added 5/2/2015)
    cell.pieChartView.legend.calculateDimensions(cell.pieChartView.labelFont!)
    cell.pieChartView.setNeedsDisplay()
}

使用这篇文章中很棒的“延迟”方法:https://stackoverflow.com/a/24318861

显然，这是一个令人讨厌的黑客行为，但它似乎可以解决问题。不过，我不确定我是否喜欢在生产中使用此技巧的想法。

对于任何偶然发现这篇文章的 Android 用户:

以下代码使用 MPAndroidChart 实现了相同的效果:

    // Inside onCreate()
    pie = (PieChart) findViewById(R.id.chart1);
    configPieChart(pie);

    new Handler().postDelayed(new Runnable() {
        @Override
        public void run() {
            String[] legLabels = new String[]{"Complete","Enrolled","Future"};
            ArrayList<Integer> legColors = new ArrayList<Integer>();
            legColors.add(blue);
            legColors.add(gold);
            legColors.add(green);

            pie.getLegend().setPosition(Legend.LegendPosition.LEFT_OF_CHART_CENTER);
            pie.getLegend().setColors(legColors);
            pie.getLegend().setLabels(legLabels);

            pie.invalidate();
        }
    }, 20);

Answer 1

我是 ios-charts 的作者，我们正在开发自定义图例数据的功能，而不需要那些“黑客”。

在 ios-charts 的最新提交中，您已经可以看到 extraLabels 和 extraColors 属性为图例添加额外的线条，以及 setLegend code> 函数允许您完全设置自定义数据。

这也将很快添加到 Android 版本中。

享受吧:-)