Intereting Posts

Как нарисовать круговую диаграмму в андроиде

Я хотел бы нарисовать круговую диаграмму в приложении для Android. Не могли бы вы предложить мне способ сделать это простым способом? Я написал класс представления для этой цели, но это не удовлетворительно. Поэтому я был бы признателен, если бы вы сказали мне хорошую и высокопроизводительную графическую библиотеку.

Solutions Collecting From Web of "Как нарисовать круговую диаграмму в андроиде"

Загрузите банку из

http://www.achartengine.org/content/download.html

Добавьте банку в папку проектов lib. Существует также образец, предоставленный разработчиками. Вы можете проверить это и изменить то же, что и вы.

Существует также демонстрация @

http://www.achartengine.org/content/demo.html

Документы

http://www.achartengine.org/content/javadoc/org/achartengine/chart/PieChart.html

Пример:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <LinearLayout android:id="@+id/chart" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:orientation="horizontal" > </LinearLayout> </LinearLayout> 

Класс Activity

 public class AChartEnginePieChartActivity extends Activity { private static int[] COLORS = new int[] { Color.GREEN, Color.BLUE,Color.MAGENTA, Color.CYAN }; private static double[] VALUES = new double[] { 10, 11, 12, 13 }; private static String[] NAME_LIST = new String[] { "A", "B", "C", "D" }; private CategorySeries mSeries = new CategorySeries(""); private DefaultRenderer mRenderer = new DefaultRenderer(); private GraphicalView mChartView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); mRenderer.setApplyBackgroundColor(true); mRenderer.setBackgroundColor(Color.argb(100, 50, 50, 50)); mRenderer.setChartTitleTextSize(20); mRenderer.setLabelsTextSize(15); mRenderer.setLegendTextSize(15); mRenderer.setMargins(new int[] { 20, 30, 15, 0 }); mRenderer.setZoomButtonsVisible(true); mRenderer.setStartAngle(90); for (int i = 0; i < VALUES.length; i++) { mSeries.add(NAME_LIST[i] + " " + VALUES[i], VALUES[i]); SimpleSeriesRenderer renderer = new SimpleSeriesRenderer(); renderer.setColor(COLORS[(mSeries.getItemCount() - 1) % COLORS.length]); mRenderer.addSeriesRenderer(renderer); } if (mChartView != null) { mChartView.repaint(); } } @Override protected void onResume() { super.onResume(); if (mChartView == null) { LinearLayout layout = (LinearLayout) findViewById(R.id.chart); mChartView = ChartFactory.getPieChartView(this, mSeries, mRenderer); mRenderer.setClickEnabled(true); mRenderer.setSelectableBuffer(10); mChartView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { SeriesSelection seriesSelection = mChartView.getCurrentSeriesAndPoint(); if (seriesSelection == null) { Toast.makeText(AChartEnginePieChartActivity.this,"No chart element was clicked",Toast.LENGTH_SHORT).show(); } else { Toast.makeText(AChartEnginePieChartActivity.this,"Chart element data point index "+ (seriesSelection.getPointIndex()+1) + " was clicked" + " point value="+ seriesSelection.getValue(), Toast.LENGTH_SHORT).show(); } } }); mChartView.setOnLongClickListener(new View.OnLongClickListener() { @Override public boolean onLongClick(View v) { SeriesSelection seriesSelection = mChartView.getCurrentSeriesAndPoint(); if (seriesSelection == null) { Toast.makeText(AChartEnginePieChartActivity.this,"No chart element was long pressed", Toast.LENGTH_SHORT); return false; } else { Toast.makeText(AChartEnginePieChartActivity.this,"Chart element data point index "+ seriesSelection.getPointIndex()+ " was long pressed",Toast.LENGTH_SHORT); return true; } } }); layout.addView(mChartView, new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT)); } else { mChartView.repaint(); } } } 

В качестве альтернативы, если вы не хотите использовать библиотеки thrid-party, вы можете использовать эту формулу для получения точек на круге, учитывая радиус r :

 x = r * Math.cos(2 * Math.PI) //This will give you r y = r * Math.sin(2 * Math.PI) //This will give you 0 

Для других точек круга вам нужно изменить свой аргумент cosine, например:

 x = r * Math.cos(2 * Math.PI / 6) //This will give you r/2 y = r * Math.sin(2 * Math.PI / 6) //This will give you r*sqrt(3/2) 

Если вы хотите заполнить весь круг фиксированным шагом n:

 for(int i=0;i<n;i++) { x = r * Math.cos(2 * Math.PI * i / n) y = r * Math.sin(2 * Math.PI * i / n) //Draw PointF(x,y) } 

Другая библиотека – PAcPie Char, вы можете посмотреть:

https://github.com/marshallino16/PacPieChart-Android

Я все еще пишу это, но, по крайней мере, это начало

Я думаю, что ваш лучший друг – aChartEngine .
Он прост в использовании и предоставляет широкий спектр графиков для отображения.

Пример круговой диаграммы:

Введите описание изображения здесь

Если вы не хотите использовать стороннюю библиотеку, попробуйте образец формы Google. Они предоставляют образец для рисования круговой диаграммы в своей документации по пользовательскому чертежу.

Документацию и образец кода можно найти здесь

GraphView – это библиотека для Android, позволяющая программно создавать гибкие и красивые диаграммы. Это легко понять, интегрировать и настроить.

tellmehow.co

Он поддерживает типы графов:

  1. Графики строк
  2. Гистограммы
  3. Графики точек
  4. Или реализовать свои собственные пользовательские типы.

Добавить зависимость градиента:

 compile 'com.jjoe64:graphview:4.2.1' 

Добавить представление в макет:

 <com.jjoe64.graphview.GraphView android:layout_width="match_parent" android:layout_height="200dip" android:id="@+id/graph" /> 

Добавьте некоторые данные:

 GraphView graph = (GraphView) findViewById(R.id.graph); LineGraphSeries<DataPoint> series = new LineGraphSeries<DataPoint>(new DataPoint[] { new DataPoint(0, 1), new DataPoint(1, 5), new DataPoint(2, 3), new DataPoint(3, 2), new DataPoint(4, 6) }); graph.addSeries(series);