本章主题是介绍为各种图表设置数据

线型图

如果要将值(数据)添加到图表中,则必须通过

public void setData(ChartData data) { ... }

基类ChartData(ChartData)类封装了呈现期间图表所需的所有数据和信息。对于每种类型的图表,存在应该用于设置图表数据的不同子类ChartData(例如LineData)。在构造函数中,您可以将一个List<? extends IDataSet>作为要显示的值移交。下面是类LineData(extends ChartData)的示例,用于将数据添加到LineChart:

 /** List constructor */public LineData(List<ILineDataSet> sets) { ... }/** Constructor with one or multiple ILineDataSet objects */public LineData(ILineDataSet...) { ... }

那么,什么是DataSet,需要它的原因是什么?这实际上非常简单。一个DataSet对象表示Entry图表中属于一起的一组条目(例如,类条目)。它旨在逻辑上分离图表中的不同值组。对于每种类型的图表,存在允许特定样式的扩展DataSet(例如LineDataSet)的不同对象。

例如,您可能希望在一年内显示两年内两家公司的季度收入LineChart。在这种情况下,建议创建两个不同的LineDataSet对象,每个对象包含四个值(每个季度一个)。

当然,也可以只提供一个LineDataSet包含两个公司的所有8个值的对象。

那么如何设置LineDataSet对象呢?

public LineDataSet(List<Entry> entries, String label) { ... }

当查看构造函数(不同的构造函数可用)时,可以看到LineDataSet需要一个类型为Entry的List和一个用于描述LineDataSet的String以及一个用于Legend的标签。此外,该标签可用于在LineData对象中的其他LineDataSet对象中查找LineDataSet。

Entry类型列表封装了图表的所有值。Entry对象是图表中具有x值和y值的条目的附加包装器:

public Entry(float x, float y) { ... }

总而言之(两家公司的季度收入超过一年的例子):

首先,创建将保存您的值的Entry类型列表:

   List<Entry> valsComp1 = new ArrayList<Entry>();List<Entry> valsComp2 = new ArrayList<Entry>();

然后,用Entry对象填充列表。确保条目对象包含x轴的正确索引。(当然,这里可以使用循环,在这种情况下,循环的计数器变量可以是x轴上的索引)。

    Entry c1e1 = new Entry(0f, 100000f); // 0 == quarter 1valsComp1.add(c1e1);Entry c1e2 = new Entry(1f, 140000f); // 1 == quarter 2 ...valsComp1.add(c1e2);// and so on ...Entry c2e1 = new Entry(0f, 130000f); // 0 == quarter 1valsComp2.add(c2e1);Entry c2e2 = new Entry(1f, 115000f); // 1 == quarter 2 ...valsComp2.add(c2e2);//...

现在我们有了Entry对象列表,可以创建LineDataSet对象:

   LineDataSet setComp1 = new LineDataSet(valsComp1, "Company 1");setComp1.setAxisDependency(AxisDependency.LEFT);LineDataSet setComp2 = new LineDataSet(valsComp2, "Company 2");setComp2.setAxisDependency(AxisDependency.LEFT);

通过调用setAxisDependency(...),DataSet指定应绘制的轴。最后但同样重要的是,我们创建了一个IDataSets列表并构建了我们的ChartData对象:

   // use the interface ILineDataSetList<ILineDataSet> dataSets = new ArrayList<ILineDataSet>();dataSets.add(setComp1);dataSets.add(setComp2);LineData data = new LineData(dataSets);mLineChart.setData(data);mLineChart.invalidate(); // refresh

调用invalidate()图表后刷新并绘制提供的数据。

如果我们想要为x轴添加更多描述性值(而不是不同季度的0到3之间的数字),我们可以通过使用IAxisValueFormatter接口来实现。此接口允许自定义XAxis上绘制的值的样式。在此示例中,formatter可能如下所示:

// the labels that should be drawn on the XAxis
final String[] quarters = new String[] { "Q1", "Q2", "Q3", "Q4" };IAxisValueFormatter formatter = new IAxisValueFormatter() {@Overridepublic String getFormattedValue(float value, AxisBase axis) {return quarters[(int) value];}// we don't draw numbers, so no decimal digits needed@Overridepublic int getDecimalDigits() {  return 0; }
};XAxis xAxis = mLineChart.getXAxis();
xAxis.setGranularity(1f); // minimum axis-step (interval) is 1
xAxis.setValueFormatter(formatter);

有关IAxisValueFormatter界面的详细信息,请参见此处。

如果应用了其他样式,此示例生成的LineChart应类似于下面的那个:

设置标准BarChart,ScatterChart,BubbleChart和CandleStickChart的数据类似于LineChart。一个特例是BarChart带有多个(分组)条形,下面将对其进行说明。

条目的顺序

请注意,此库没有正式支持从未按条目的x位置升序方式排序的LineChart的Entry列表中绘制数据。以未排序的方式添加条目可能会正确绘制,但也可能导致意外行为。List的Entry对象可以使用手动进行排序或使用EntryXComparator:

List<Entry> entries = ...; Collections.sort(entries, new EntryXComparator());

之所以需要这样做是因为该库使用二进制搜索算法以获得更好的性能,仅用于排序列表。

BarChart

为BarChart设置数据的方式与LineChart非常相似。主要区别是需要用于设置数据的数据对象(例如,BarEntry而不是Entry)。除此之外,BarChart还有不同的类型选择。

请考虑以下填充BarChart数据的示例:

List<BarEntry> entries = new ArrayList<>();
entries.add(new BarEntry(0f, 30f));
entries.add(new BarEntry(1f, 80f));
entries.add(new BarEntry(2f, 60f));
entries.add(new BarEntry(3f, 50f)); // gap of 2f
entries.add(new BarEntry(5f, 70f));
entries.add(new BarEntry(6f, 60f));BarDataSet set = new BarDataSet(entries, "BarDataSet");

在上面的示例中,BarEntry创建了五个对象并将其添加到一个 BarDataSet。请注意,第四个和第五个条目之间的x位置存在“2”的间隙。在这个例子中,这个间距用于解释BarChart中柱的定位是如何工作的。本教程末尾的屏幕截图将显示BarChart给定数据的结果。下一步,BarData需要创建一个对象:

BarData data = new BarData(set);
data.setBarWidth(0.9f); // set custom bar width
chart.setData(data);
chart.setFitBars(true); // make the x-axis fit exactly all bars
chart.invalidate(); // refresh

在上面的代码片段中,创建了一个BarData对象。创建图表的BarEntry对象时,我们在每个条形(中心)之间的x轴上留下了“1f”的空间。通过将条宽设置为0.9f,我们有效地在每个条之间创建0.1f的空间。该setFitBars(true)调用将告诉图表调整其x轴值的范围以完全适合所有条形,并且两侧不会切断条形。

创建BarData对象后,我们将其设置为图表并刷新。结果应该看起来接近下面显示的结果:

Grouped BarChart

从版本v3.0.0开始,MPAndroidChart支持明确分组的绘图条(在这种情况下,库将处理x位置)或用户定义,这意味着用户可以通过更改x轴位置将条型放置在他想要的任何位置。

本节将重点介绍显式分组BarChart,这意味着库将处理条形的x轴位置。请考虑以下示例设置:

YourData[] group1 = ...;
YourData[] group2 = ...;List<BarEntry> entriesGroup1 = new ArrayList<>();
List<BarEntry> entriesGroup2 = new ArrayList<>();// fill the lists
for(int i = 0; i < group1.length; i++) {entriesGroup1.add(new BarEntry(i, group1.getValue()));entriesGroup2.add(new BarEntry(i, group2.getValue()));
}BarDataSet set1 = new BarDataSet(entriesGroup1, "Group 1");
BarDataSet set2 = new BarDataSet(entriesGroup2, "Group 2");

在这个示例中,我们将有两组条形图,每个都由一个单独的BarDataSet表示。在显式(库处理)组的情况下,条目的实际x位置无关紧要。基于条目列表中BarEntry的位置执行分组。

float groupSpace = 0.06f;
float barSpace = 0.02f; // x2 dataset
float barWidth = 0.45f; // x2 dataset
// (0.02 + 0.45) * 2 + 0.06 = 1.00 -> interval per "group"BarData data = new BarData(set1, set2);
data.setBarWidth(barWidth); // set the width of each bar
barChart.setData(data);
barChart.groupBars(1980f, groupSpace, barSpace); // perform the "explicit" grouping
barChart.invalidate(); // refresh

在上面的代码片段中,BarDataSet对象被添加到一个BarChart。该groupBars(...)方法执行两个BarDataSet对象的分组。该方法采用以下参数:

public void groupBars(float fromX, float groupSpace, float barSpace) { ... }

fromX参数确定XAxis分组条的起始位置(在本例中为“1980”),groupSpace确定每组条之间留下的空间,barSpace确定组中各个条之间的间距。基于这些参数,该groupBars(...)方法改变每个条形XAxis朝向分组外观的位置,保持各个BarEntry对象的顺序。

每个组在XAxis上具有的“间隔”(占用空间)也由groupSpace和barSpace参数以及barWidth定义。

效果应该看起来像这样:

当然,也可以在不使用groupBars(...)方法的情况下实现BarChart的分组,只需手动将各个条正确放置在XAxis上即可。

为了确保XAxis的标签位于组上方,如上面的屏幕截图所示,您可以使用以下setCenterAxisLabels(...)方法:

XAxis xAxis = chart.getXAxis();
xAxis.setCenterAxisLabels(true);

Stacked BarChart

堆叠的BarChart设置与普通的BarChart完全相似,但创建单个BarEntry对象的方式除外。如果是堆叠条形,则必须使用BarEntry的不同构造函数:

public BarEntry(float x, float [] yValues) { ... }

此构造函数允许提供多个yValues,表示每个条的“堆栈”的值。请考虑以下示例对象:

BarEntry stackedEntry = new BarEntry(0f, new float[] { 10, 20, 30 });

BarEntry由三个值组成,具有“高度”为“10”,“20”和“30”。

PieChart

与其他图表类型不同,PieChart以PieEntry对象的形式获取数据。这些对象的构造函数如下所示:

public PieEntry(float value, String label) { ... }

构造函数的第一个参数用于实际的“值”,该值应该作为PieChart中的饼图绘制。名为“label”的第二个String参数用于提供切片的其他描述。请考虑以下PieChart示例设置:

List<PieEntry> entries = new ArrayList<>();entries.add(new PieEntry(18.5f, "Green"));
entries.add(new PieEntry(26.7f, "Yellow"));
entries.add(new PieEntry(24.0f, "Red"));
entries.add(new PieEntry(30.8f, "Blue"));PieDataSet set = new PieDataSet(entries, "Election Results");
PieData data = new PieData(set);
pieChart.setData(data);
pieChart.invalidate(); // refresh

PieEntry对象不保存x位置的值,因为图表中显示的PieEntry对象的顺序由它们在条目列表中的顺序确定。

添加一些额外的样式时,PieChart上面使用的数据结果可能类似于:

MPAndroidChart 教程:设置数据 Setting Data相关推荐

  1. Silverlight 中datagrid控件-- 通过设置数据虚拟化加速显示

    定义依赖属性作为datagrid的数据源 protected static readonly DependencyProperty ViewLogsProperty = DependencyPrope ...

  2. QIIME 2教程. 09数据导入Importing data(2020.11)

    文章目录 QIIME 2用户文档. 9数据导入 导入带质量值的FASTQ测序数据 EMP标准混样单端数据 EMP混样双端数据 Casava1.8单端混样数据 Casava 1.8双端拆分后数据 **F ...

  3. QIIME 2教程. 09数据导入Importing data(2021.2)

    QIIME 2用户文档. 9数据导入 Importing data 原文地址:https://docs.qiime2.org/2020.11/tutorials/importing/ 为了使用QIIM ...

  4. 黄聪:phpexcel中文教程-设置表格字体颜色背景样式、数据

    首先到phpexcel官网上下载最新的phpexcel类,下周解压缩一个classes文件夹,里面包含了PHPExcel.php和PHPExcel的文件夹,这个类文件和文件夹是我们需要的,把class ...

  5. Highmaps网页图表教程之数据标签与标签文本

    Highmaps网页图表教程之数据标签与标签文本 Highmaps数据标签 数据标签用于在地图图表上展现节点对应的数据.数据标签展现数据是静态的,只要节点一加载,数据标签就会出现在节点附近.在High ...

  6. MPAndroidChart 教程:开始 Getting Started

    入门 本章介绍使用此库的基本设置. 添加依赖 首先,将此库的依赖项添加到项目中.如何执行此操作在此存储库的用法部分中进行了描述.Gradle是使用此库作为依赖项的推荐方法. 创建视图 要使用LineC ...

  7. phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护

    转载连接:http://www.cnblogs.com/huangcong/p/3687665.html phpexcel中文教程-设置表格字体颜色背景样式.数据格式.对齐方式.添加图片.批注.文字块 ...

  8. 大数据(big data)_如何使用Big Query&Data Studio处理和可视化Google Cloud上的财务数据...

    大数据(big data) 介绍 (Introduction) This article will show you one of the ways you can process stock pri ...

  9. Kaggle教程 机器学习中级7 Data Leakage

    <Kaggle教程 机器学习中级>系列课程目录 Kaggle教程 机器学习中级6 XGBoost Kaggle教程 机器学习中级7 Data Leakage 在本教程中,您将了解什么是数据 ...

最新文章

  1. html5如何掷色子,html5 canvas掷骰子(简单,学习基础canvas)
  2. Failed to bind properties under ‘logging.level‘ to java.util.Map java.lang.String, java.lang.String
  3. bnu 4067 美丽的花环
  4. 从用户反馈的可解释性提升推荐模型
  5. 榴莲还有奶油、花生味 印尼出新品售价近7000人民币
  6. js函数提示 vscode_为VSCode / Monaco Intellisence添加JavaScript类型提示
  7. android uri db,Android ContentProvider封装数据库和文件读写总结
  8. SELECT TOP n 性能测试
  9. windows组件_如何关闭win7系统windows移动中心 电脑关闭windows移动中心方法【详解】...
  10. python好用的内置库_python内置的高效好用各种库
  11. matlab输电线路模型,输电线路模型及其特性.ppt
  12. 数据结构一 (简介)
  13. 微信小程序--数据库数据批量导出为excel文件,预览下载
  14. 可以升级鸿蒙吗,魅族上船,鸿蒙有戏?
  15. 技术人在互联网如何变现
  16. Altium Designer整理和小插曲
  17. WPF---RenderTransform图形旋转,缩放
  18. 高品质蓝牙耳机排行榜,优质蓝牙耳机推荐
  19. 人眼感知到的颜色与真实物理世界的颜色有什么区别?
  20. 安卓OTA升级文件的制作

热门文章

  1. iconfont图标样式库
  2. 【chrome】 谷歌小技巧 谷歌浏览器 自带 滚动截图 chrome滚动截屏(全屏截图)
  3. 好用app推荐:扫描二维码、扫描条形码并查看历史
  4. Ubuntu 20.04 使用 哆点教程
  5. 使用阿里云管理控制台
  6. 达梦(DM)数据库认证管理员培训记录
  7. linkedin 分享_如何在LinkedIn上记录和显示您的名字发音
  8. Vue | Vue.js 组件化基础 - 脚手架
  9. 测试SGMII Timing记录
  10. NTP时间戳转换成UTC时间的过程