AChartEngine：在中心对齐条形图

Question

我正在使用出色的库 AChartEngine 在我的应用中显示不同的图表，但我面临 2 个问题：

1。在中心显示条形图

这是我想要的结果图片：

这里是我目前的状态：

我正在使用XYMultipleSeriesRenderer 来渲染我的系列，每个栏有 1 个系列，以便为它们着色。

我已经尝试过mRenderer.setBarSpacing(0.5); 的方法（使用不同的参数，但变化不大......）。我也试过extendBarChart类和Renderer没有成功。

2。我会将标签和值居中

• 标签默认写在网格线上方。我怎样才能把它移到中心？
• 如何覆盖ChartValues 的绘制以添加 ( ) 并将它们置于白色。我也会将它们显示在栏的底部中心，这可能吗？

编辑：

这是启动条形图的部分代码：

    mRenderer.setMargins(new int[]{30, Utils.dpToPx(16, getActivity()),
            -Utils.dpToPx(20, getActivity()), Utils.dpToPx(16, getActivity())});
    mRenderer.setMarginsColor(Color.TRANSPARENT);

    mRenderer.setLabelsColor(colorWhiteChart);
    mRenderer.setYLabelsColor(0, getResources().getColor(R.color.chart_background));
    mRenderer.setXLabelsPadding(-1 * Utils.dpToPx(120, getActivity()));
    mRenderer.setYLabelsAlign(Paint.Align.LEFT);
    mRenderer.setYLabelsPadding(Utils.dpToPx(20, getActivity()));
    mRenderer.setLabelsTextSize(Utils.dpToPx(10, getActivity()));
    
    mRenderer.setAxesColor(colorWhiteChart);
    mRenderer.setGridColor(colorWhiteChart);

    mRenderer.setYAxisMin(0);
    mRenderer.setXAxisMin(1);
    mRenderer.setXAxisMax(8);

    mRenderer.setZoomEnabled(false, false);
    mRenderer.setPanEnabled(false, false);

    mRenderer.setApplyBackgroundColor(true);
    mRenderer.setBackgroundColor(getResources().getColor(R.color.chart_background));

    mRenderer.setShowGrid(true);
    mRenderer.setShowGridX(false);
    mRenderer.setShowAxes(false);
    mRenderer.setShowLegend(false);



    mRenderer.setBarWidth(16);
    mRenderer.setBarSpacing(0.5);

    mRenderer.setXLabels(8);

    mRenderer.setMarginsColor(getResources().getColor(R.color.chart_background));
    mSeries = new ArrayList<XYSeries>();
    mSeries.add(new XYSeries("0"));
    mSeries.add(new XYSeries("1"));
    mSeries.add(new XYSeries("2"));
    mSeries.add(new XYSeries("3"));
    mSeries.add(new XYSeries("4"));
    mSeries.add(new XYSeries("5"));
    mSeries.add(new XYSeries("6"));
    mSeries.add(new XYSeries("7"));

    generateData(mSeries);

    XYSeriesRenderer renderer = new XYSeriesRendererCustomBar(0);
    XYSeriesRenderer renderer1 = new XYSeriesRendererCustomBar(1);
    XYSeriesRenderer renderer2 = new XYSeriesRendererCustomBar(2);
    XYSeriesRenderer renderer3 = new XYSeriesRendererCustomBar(3);
    XYSeriesRenderer renderer4 = new XYSeriesRendererCustomBar(4);
    XYSeriesRenderer renderer5 = new XYSeriesRendererCustomBar(5);
    XYSeriesRenderer renderer6 = new XYSeriesRendererCustomBar(6);
    XYSeriesRenderer renderer7 = new XYSeriesRendererCustomBar(7);



    mRenderer.addSeriesRenderer(renderer);
    mRenderer.addSeriesRenderer(renderer1);
    mRenderer.addSeriesRenderer(renderer2);
    mRenderer.addSeriesRenderer(renderer3);
    mRenderer.addSeriesRenderer(renderer4);
    mRenderer.addSeriesRenderer(renderer5);
    mRenderer.addSeriesRenderer(renderer6);
    mRenderer.addSeriesRenderer(renderer7);


    mChart = ChartFactory.getBarChartView(getActivity(), mDataset, mRenderer, BarChart.Type.DEFAULT);

XYSeriesRendererCustomBar 类更改了条形的颜色和一些细节：

    private class XYSeriesRendererCustomBar extends XYSeriesRenderer {
    public XYSeriesRendererCustomBar(int i) {
        new XYSeriesRenderer();
        setColor(RatingWidget.COLORS[i]);
        setDisplayChartValues(true);
        setChartValuesTextAlign(Paint.Align.CENTER);

        setChartValuesTextSize(Utils.dpToPx(12, getActivity()));
    }
}

我也尝试只使用一个系列并用不同的颜色渲染它，但中心仍然没有渲染条......有什么建议吗？

Answer 1

在这一行（代码）中使用 Right 而不是 CENTER：

替换下面的代码：

 setChartValuesTextAlign(Paint.Align.CENTER);

与：

 setChartValuesTextAlign(Paint.Align.Right);

好好享受吧：）