【问题标题】:Draw Pie Chart in Android?在Android中绘制饼图?
【发布时间】:2011-05-22 18:48:07
【问题描述】:

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

【问题讨论】:

    标签: android


    【解决方案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 时可用

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2018-04-24
          • 1970-01-01
          • 2014-05-12
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多