MPAndroidChart中文文档--1.Getting Started

Getting Started

Philipp Jahoda edited this page on 8 Aug ·  32 revisions

 Pages 34

• 1. Getting Started

• 2. Interaction with the chart

• 3. Highlighting Values

• 4. The Axis (AxisBase)

• 5. XAxis

• 6. YAxis

• 7. Setting Data

• 8. Setting Colors

• 9. Formatting Data Values (ValueFormatter)

• 10. Formatting Axis Values (AxisValueFormatter)

• 11. General Settings & Styling

• 12. Specific Settings & Styling

• 13. Legend

• 14. Dynamic & Realtime Data

• 15. Modifying the Viewport

• 16. Animations

• 17. MarkerView (Popup View)

• 18. The ChartData class

• 19. ChartData subclasses

• 20. The DataSet class (general DataSet styling)

• 21. DataSet subclasses (specific DataSet styling)

• 22. The ViewPortHandler

• 23. Customizing the Fill-Line-Position (FillFormatter)

• 24. Proguard

• 25. Realm.io mobile database

• 26. Creating your own (custom) DataSets

• 27. Miscellaneous (more useful stuff)

Clone this wiki locally

 Clone in Desktop

This chapter covers the basic setup for using this library.

Add dependency

As a first step, add a dependency to this library to your project. How to do that is described in the usage section of this repository. Gradle is the recommended way of using this library as a dependency.

Creating the View

For using a LineChart, BarChart, ScatterChart, CandleStickChart, PieChart, BubbleChart or RadarChart , define it in .xml:

    <com.github.mikephil.charting.charts.LineChart
        android:id="@+id/chart"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

And then retrieve it from your Activity, Fragment or whatever:

    // in this example, a LineChart is initialized from xml
    LineChart chart = (LineChart) findViewById(R.id.chart);

or create it in code (and then add it to a layout):

    // programmatically create a LineChart
    LineChart chart = new LineChart(Context);

    // get a layout defined in xml
    RelativeLayout rl = (RelativeLayout) findViewById(R.id.relativeLayout);
    rl.add(chart); // add the programmatically created chart

Adding data

After you have an instance of your chart, you can create data and add it to the chart. This example uses the LineChart, for which the Entry class represents a single entry in the chart with x- and y-coordinate. Other chart types, such as BarChart use other classes (e.g. BarEntry) for that purpose.

To add data to your chart, wrap each data object you have into an Entry object, like below:

YourData[] dataObjects = ...;

List<Entry> entries = new ArrayList<Entry>();

for (YourData data : dataObjects) {

    // turn your data into Entry objects
    entries.add(new Entry(data.getValueX(), data.getValueY())); 
}

As a next step, you need to add the List<Entry> you created to a LineDataSet object. DataSetobjects hold data which belongs together, and allow individual styling of that data. The below used "Label" has only a descriptive purpose and shows up in the Legend, if enabled.

LineDataSet dataSet = new LineDataSet(entries, "Label"); // add entries to dataset
dataSet.setColor(...);
dataSet.setValueTextColor(...); // styling, ...

As a last step, you need to add the LineDataSet object (or objects) you created to a LineDataobject. This object holds all data that is represented by a Chart instance and allows further styling. After creating the data object, you can set it to the chart and refresh it:

LineData lineData = new LineData(dataSet);
chart.setData(lineData);
chart.invalidate(); // refresh

Please consider the scenario above a very basic setup. For a more detailed explanation please refer to the setting data section, which explains how to add data to various Chart types based on examples.

Styling

For information about settings & styling of the chart surface and data, visit the general settings & styling section. Regarding more specific styling & settings for individual chart types, please have a look at the specific settings & styling wiki page.