在Android中绘制饼图？

Posted 2023-04-18

【中文标题】在Android中绘制饼图？

【英文标题】：Draw Pie Chart in Android?

【发布时间】：2011-05-22 18:48:07

【问题描述】：

我需要绘制饼图（动态值）。如何在不使用 3rd 方 API 的情况下创建图表。

【参考方案1】：

下面显示了简单的饼图，您必须扩展更多功能...values[] 和 colors 数组应该相等....

public class Demo extends Activity 
    /** Called when the activity is first created. */
    float values[]=300,400,100,500;

    @Override
    public void onCreate(Bundle savedInstanceState) 
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        LinearLayout linear=(LinearLayout) findViewById(R.id.linear);
        values=calculateData(values);
        linear.addView(new MyGraphview(this,values));

    
    private float[] calculateData(float[] data) 
        // TODO Auto-generated method stub
        float total=0;
        for(int i=0;i<data.length;i++)
        
            total+=data[i];
        
        for(int i=0;i<data.length;i++)
        
        data[i]=360*(data[i]/total);            
        
        return data;

    
    public class MyGraphview extends View
    
        private Paint paint=new Paint(Paint.ANTI_ALIAS_FLAG);
        private float[] value_degree;
        private int[] COLORS=Color.BLUE,Color.GREEN,Color.GRAY,Color.CYAN,Color.RED;
        RectF rectf = new RectF (10, 10, 200, 200);
        int temp=0;
        public MyGraphview(Context context, float[] values) 

            super(context);
            value_degree=new float[values.length];
            for(int i=0;i<values.length;i++)
            
                value_degree[i]=values[i];
            
        
        @Override
        protected void onDraw(Canvas canvas) 
            // TODO Auto-generated method stub
            super.onDraw(canvas);

            for (int i = 0; i < value_degree.length; i++) //values2.length; i++) 
                if (i == 0) 
                    paint.setColor(COLORS[i]);
                    canvas.drawArc(rectf, 0, value_degree[i], true, paint);
                 
                else
                
                        temp += (int) value_degree[i - 1];
                        paint.setColor(COLORS[i]);
                        canvas.drawArc(rectf, temp, value_degree[i], true, paint);
                
            
        

    

【讨论】：

您好，我使用您的代码绘制图表。它工作得很好，但我有一个小问题。我在一侧得到坐标的白色菱形。所以请告诉我有什么问题？

@Google 您应该在 OnDraw 中重新初始化“temp”变量。我猜。

@Ramesh Akula 谢谢。它对我有用。我想在创建的片段中显示一些文本。你能帮我解决这个问题吗？

感谢您的代码。我想让该饼图可以点击是否可能

如何使切片可点击？

【参考方案2】：

绘制饼图的基本函数，输入是一个颜色数组和一个值数组。它们的数组必须具有相同的大小。根据每张幻灯片的值和所有值的总和计算切片。当然，您也可以更改为浮点值。 此解决方案作为轻量级辅助函数提供。它很容易使用，你不需要为它定义一个类。

public static void drawPieChart(Bitmap bmp, int[] colors, int[] slices)
    //canvas to draw on it
    Canvas canvas = new Canvas(bmp);
    RectF box = new RectF(2, 2,bmp.getWidth()-2 , bmp.getHeight()-2);

    //get value for 100%
    int sum = 0;
    for (int slice : slices) 
        sum += slice;
    
    //initalize painter
    Paint paint = new Paint();
    paint.setAntiAlias(true);

    paint.setStyle(Paint.Style.STROKE); 
    paint.setStrokeWidth(1f);
    paint.setStyle(Style.FILL_AND_STROKE);
    float start = 0;
    //draw slices
    for(int i =0; i < slices.length; i++)
        paint.setColor(colors[i]);
        float angle;
        angle = ((360.0f / sum) * slices[i]);
        canvas.drawArc(box, start, angle, true, paint);
        start += angle;
    

【讨论】：

绘制饼图的基本函数，输入是一个颜色数组，一个值数组。它们的数组必须具有相同的大小。根据每张幻灯片的值和所有值的总和计算切片。

将此解释移至您的答案中（上面有一个编辑按钮）。您可能想证明为什么您的答案比当前接受的答案更好。

嗨，很好，您如何在每个切片上放置带有百分比的文本？

【参考方案3】：

Ramesh 的答案几乎可以正常工作。然而，最后的白色故障是由将浮点数转换为整数的舍入误差引起的。只需将“temp”的类型更改为float，并在“temp += value_degree[i-1]”时将类型转换为（int），就完美了。

【参考方案4】：

我有一个相当简单的开源库，您最有可能使用它来实现您的目的 (https://github.com/saulpower/ExpandablePieChart)。

【参考方案5】：

您可以使用扩展 roundChart 的 aChartEngine 的 org.achartengine.chart.PieChart。 更多详情可以去achartengine-0.7.0-javadocs/org/achartengine/chart/PieChart.html

这将在您从aChartEngine.org 下载 javadocs 时可用