Создание концентрической круговой диаграммы в Android

Сегодня я столкнулся с проблемой грамматического рисования графика в Android. Я использую библиотеку графов Achartengine для достижения этой цели, я сделал с простой круговой диаграммой, но я понятия не имею, как сделать концентрическую круговую диаграмму, используя это.

Вот демонстрационное изображение графика, который я хочу сделать.

Заранее спасибо за помощь :) введите здесь описание изображения


android android-canvas graph android-graphview achartengine
person GOLDEE    schedule 13.12.2013    source источник
comment
Итак, вы хотите построить кольцевую диаграмму, а не круговую диаграмму, верно?   -  person Abhijit Muke    schedule 13.12.2013
comment
о, да.. это пончиковая диаграмма, да, я хочу это.. я думаю, вы уже делали это раньше, потому что я наткнулся на тему, связанную с этой..этой войной, ура... так вы реализовали это??   -  person GOLDEE    schedule 13.12.2013
comment
да..проверь ответ..   -  person Abhijit Muke    schedule 13.12.2013

Ответы (3)


arrow_upward
3
arrow_downward

Вот пример: сначала создайте LinearLayout в своем view(xml) и получите его в своем activity, чтобы передать ему SingleDonutGraph класс, чтобы нарисовать donut graph на этом макете. Вам также нужно передать graphValues[] как двойной массив (значение, которое вы должны установить на кольцевой диаграмме).

LayoutToDisplayChartLeftGraph = (LinearLayout) findViewById(R.id.right_graph_for_punch_count);
Intent achartIntentLeft = new SingleDonutGraph().execute(TabletPunchCountActivity.this, LayoutToDisplayChartLeftGraph,graphValues);

Затем используйте этот класс SingleDonutGraph.java

public class SingleDonutGraph {
private GraphicalView mChartView2;
static int count = 3;

int[] Mycolors = new int[] { Color.parseColor("#F2846B"),
        Color.parseColor("#A01115"), Color.parseColor("#741E1E") };
String[] labels = { "TODAY", "AVERAGE", "TOTAL" };


public Intent execute(Context context, LinearLayout parent,double values[]) {
    parent.removeAllViews();
    int[] colors = new int[count];
    for (int i = 0; i < count; i++) {
        colors[i] = Mycolors[i];
    }
    DefaultRenderer renderer = buildCategoryRenderer(colors);
    renderer.setShowLabels(false);
    renderer.setBackgroundColor(Color.BLACK);
    renderer.setPanEnabled(false);// Disable User Interaction
    renderer.setScale((float) 1.4);
    renderer.setInScroll(true); //To avoid scroll Shrink        
    renderer.setStartAngle(90);
    renderer.setShowLegend(false);


    MultipleCategorySeries categorySeries = new MultipleCategorySeries(
            "Punch Graph");
    categorySeries.add(labels, values);

    mChartView2 = ChartFactory.getDoughnutChartView(context,
            categorySeries, renderer);

    parent.addView(mChartView2);

    return ChartFactory.getDoughnutChartIntent(context, categorySeries,
            renderer, null);
}

protected DefaultRenderer buildCategoryRenderer(int[] colors) {
    DefaultRenderer renderer = new DefaultRenderer();
    for (int color : colors) {
        SimpleSeriesRenderer r = new SimpleSeriesRenderer();
        r.setColor(color);
        renderer.addSeriesRenderer(r);

    }
    return renderer;
}
}
person Abhijit Muke    schedule 13.12.2013
comment
как я могу добавить на него текст и как я могу предоставить небольшое круглое поле, ч/б центральный круг и внешнюю диаграмму - person GOLDEE; 13.12.2013
comment
Чтобы добавить на него текст, вам нужно переключиться на RelativyLayout вместо LinearLayout.. попробуйте с свойством выравнивания RealativeLayout CenterInParent.. - person Abhijit Muke; 13.12.2013
comment
и еще одна вещь, Абхиджит, как я могу поставить кольцо на полях после пустого черного круга - person GOLDEE; 13.12.2013

arrow_upward
1
arrow_downward

Попробуйте это

может б это вам поможет. Спасибо!

person Mohit Rakhra    schedule 13.12.2013

arrow_upward
0
arrow_downward

Эти две строки имеют значение:

mChartView2 = ChartFactory.getDoughnutChartView (контекст, серия категорий, средство визуализации);

parent.addView(mChartView2);

return ChartFactory.getDoughnutChartIntent(context, categorySeries,
        renderer, null);
person GOLDEE    schedule 19.12.2013