文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Android利用MPAndroidChart绘制曲线图表的基础教程

前言 最近看了一下 Android 上的图表控件，去年做过一款应用也已上架了，也用到了图表控件，但是只是按照官方 demo 集成了，并没有过多的研究。...基本上 start 从高到低的图表控件就是 MPAndroidChart、hellocharts-android、WilliamChart、XCL-Charts、EazeGraph、Jgraph 这么几个了...再排除那些常年不更新的，issues 常年无人问津的一些库，我基本确定就使用 MPAndroidChart 了，我找其它库也是这么个套路。...都是 float 类型的，我开始以为都表示 x,y 轴的值，但是想想若是 x 轴不是数值那 float 类型也表示不了，其实这个 x 轴的 float 类型的值就是 x 轴的下标了。...在折线图表中，一个线条就是一个 LineDataSet ，构建线条，也很简单。就是一通设置，都是按照字面意思了。

2.3K10
您找到你想要的搜索结果了吗？
是的
没有找到

数据可视化设计指南

图表类型 用法 Y轴（基准值）* 折线图 呈现少量数据的差异 任何数值 条形图 为了呈现数据中的较大变化，单个数据点与整体的占比情况以及呈现数据排名情况 零 面积图 总结数据集之间的关系，各个数据点占比情况...零（当一个以上的数据类别时） *基线值是y轴上的数值起始值。...不建议使用大量的颜色突出显示，因为它们会分散注意力并阻碍用户的注意力。 ? 允许。 结合使用颜色突出显示和中性颜色以提供对比度和强调感。 ? 警告。 单个图表中的许多颜色可能会妨碍焦点。...ICON同时补充了色彩的含义。 X、Y轴数值标签 带数值标签的轴的作用是清晰地显示相应图示数据的范围和比例。例如，折线图X轴和Y轴显示一系列数值标签。 ? 条形图Y轴基准线起始值应始终从零开始。...考虑完全删除X、Y轴将视觉焦点集中在数据上。可以将数据直接放在其对应的图表元素上。 条形图Y轴基准线的起始值 条形图基准线起始值应从（y轴的起始值）为零开始。

6K31

【Android 应用开发】Android 图表绘制 achartengine 示例解析

项目地址 AChartEngine 简介 : AChartEngine 是 Android 平台的图表开发库, 能绘制 折线图, 饼图, 气泡图, 柱状图, 散点图, 面积图等统计图表; 最新版本 :...; -- XYMultipleSeriesRenderer : 渲染器集合, 图表中多个曲线的渲染器; -- XYSeriesRenderer : 单个曲线或单元的渲染器, 一个图表中可能有多条曲线或者柱状图等..., 这些图表的共性是值都是由 x 和 y 数值组成的, 需要分别传入 x 轴数据 和 y 轴数据; -- XYSeries 类 : 图表中有多个曲线, 该类封装单个曲线的集合, XYMultipleSeriesDataset...XY 数据集结果, 相当与返回值在参数中 * @param titles 要赋予的标题 * @param xValues x轴数据集合 * @param yValues y轴数据集合...y 轴是 Double 相关类介绍 :  -- XYMultipleSeriesDataset : 这种 日期-值 图, 使用的图表数据集也是该类; -- TimeSeries : 这里就不同了, 单个曲线的数据中因为要封装

1.9K40

【To B管理端】图表设计指南

所以，我们也需要了解坐标轴的使用方式，涉及X轴、Y轴标签、刻度数值和数值区间段数等。...图06 X、Y轴坐标刻度 由于空间的限制，轴标签一般情况下不适合过长的文案，可以适当限制标签文案显示的个数，或改变显示的角度（一般在0~90度之间）以节省空间，但需要遵循从左到右的阅读习惯。...对于坐标轴上刻度数值，一般初始值定为0，避免产生误导。最大刻度值取值要恰当，确保数据序列占据2/3图表区以上。同时，对数据区间的划分建议在4、5段，不宜过多或过少。...图07 单个数据点和多个数据点 5.4 图例 图例由视觉标记和文字标签组成，视觉标记一般在颜色上与图表中数据序列相对应，而文字标签则指数据序列的类型。...图12 常使用的栅格类型 5.8 辅助信息 为了更好帮助用户理解图表，有时候会对坐标轴进行辅助描述，如上图04中对X轴、Y轴的补充说明。

1.6K21

【To B管理端】图表设计指南

在控制台中，一般使用指标名作为标题，并附带单位信息。标题的位置优先考虑图表区左上方或中间。如下图所示： ? 图05 标题/副标题 5.2 坐标轴 折线图、散点图等会用到直角坐标轴（笛卡尔坐标系）。...所以，我们也需要了解坐标轴的使用方式，涉及X轴、Y轴标签、刻度数值和数值区间段数等。 ?...图06 X、Y轴坐标刻度 由于空间的限制，轴标签一般情况下不适合过长的文案，可以适当限制标签文案显示的个数，或改变显示的角度（一般在0~90度之间）以节省空间，但需要遵循从左到右的阅读习惯。...对于坐标轴上刻度数值，一般初始值定为0，避免产生误导。最大刻度值取值要恰当，确保数据序列占据2/3图表区以上。同时，对数据区间的划分建议在4、5段，不宜过多或过少。...图12 常使用的栅格类型 5.8 辅助信息 为了更好帮助用户理解图表，有时候会对坐标轴进行辅助描述，如上图04中对X轴、Y轴的补充说明。

2.1K21

Android 主流通用常用框架汇总（持续更新）

Retrofit 是 Square 公司出品的 HTTP 请求库, 同时是 Square 是最早开源项目之一, Retrofit 是目前 Android 最流行的 Http Client 库之一 官网地址...1.MPAndroidChart MPAndroidChart 是一款强大的 Android 图表库, 支持各种各样图表显示, 能想到的图表样式这里几乎都有, 图表还支持选择, 拖放和缩放动画效果 官网地址...图表开发开源库MPAndroidChart_再见孙悟空的专栏-CSDN博客_安卓开发图表 2.XCL-Charts XCL-Charts基于Android原生Canvas来绘制各种图表,使用简便,定制灵活...其它特性还包括手势缩放、图表滑动、点击交互、多图叠加、图表批注、动画效果、多XY轴显示、轴线任意方位显示、动态图例、图表参考线、柱图刻度对齐风格切换、混合图表及同数据源图表类型切换等。...github https://github.com/huangyanbin/SmartChart 4.hellocharts github https://github.com/lecho/hellocharts-android

4.8K61

目前最全，可视化数据工具大集合

数据可视化技术的基本思想是将数据库中每一个数据项作为单个图元元素表示，大量的数据集构成数据图像， 同时将数据的各个属性值以多维数据的形式表示，可以从不同的维度观察数据，从而对数据进行更深入的观察和分析。...和VML呈现的图表库....– 使用纯 JavaScript 和 HTML 的用于构建数据应用的简单而又强大的库 Textures.js – 用于创建 SVG 模式的库 安卓工具 HelloCharts – 兼容安卓 API 8...其能够对 ASCII、 SVG 和 图像进行渲染 svgo – 针对 SVG 的 Go 语言库 iOS工具 JBChartView – 同时支持线性和条形图的图表库 PNChart – 使用了 Piner...其他工具 不与特定平台或语言绑定的工具 Charted – 一个能够从任何数据文件中创建自动化，可分享的图表的工具 Gephi – 一个用于可视化和制作大型图表的开源平台 Lightning – 一个提供以

3.6K70

数据可视化-EChart2.0使用总结1

图表是企业级Web开发必不可少的一个功能点。也是“数据可视化的一个具体呈现”。今天看到阮一峰翻译的“数据可视化：基本图表”一文，同时梳理一下公司现在项目使用的EChart2.0类库。...阮一峰的文章同时也适合产品经理和设计师看，因为很多产品经理和设计师其实不能完全区分哪些地方需要哪些图表去呈现具体的数据。...1.柱状图-Bar Chart 适合场景：二维数据集（每个数据点包括两个值x和y），但只有一个维度需要比较。一般是Y轴。柱状图利用柱子的高度，反映数据的差异。...所以大家可以把option里面的calculable 值设置为false 2.折线图-Line Chart 适合场景： 适合二维的大数据集，多个数据之间有一定的趋势变化 适合多个二维数据集的比较，趋势对比...有时，线图和柱状图一起混合使用，目前在系统里面还是不推荐这种做法。线图和柱状图单个表现的意义不一致。 特点：通过数据之间的比较，更容易辨别2组数据之间的趋势变化 Demo截图： ?

1.3K50

Android 图表开发开源库MPAndroidChart

可能是目前Android 开发最好用的一个三方库了，功能非常强大，集成简单。...开源库的核心功能: 支持x，y轴缩放 支持拖拽 支持手指滑动 支持高亮显示 支持保存图表到文件中 支持从文件（txt）中读取数据 预先定义颜色模板 自动生成标注 支持自定义x，y轴的显示标签 支持x，y...setScaleXEnabled(boolean enabled): 打开或关闭x轴的缩放 setScaleYEnabled(boolean enabled): 打开或关闭y轴的缩放。...如果设置为false，x和y轴可以被单独挤压缩放。 setHighlightEnabled(boolean enabled): 如果设置为true，在图表中选中触屏高亮。...setSpaceTop(float percent):设置在图表上最高处的值相比轴上最高值的顶端空间（总轴范围的百分比） setSpaceBottom(float percent): 设置在图表上最低处的值相比轴上最低处值的底部空间

1.8K20

50个最有价值的数据可视化图表（推荐收藏）

有效图表的重要特征： 在不歪曲事实的情况下传达正确和必要的信息。 设计简单，您不必太费力就能理解它。 从审美角度支持信息而不是掩盖信息。 信息没有超负荷。...使用辅助 Y 轴来绘制不同范围的图形（Plotting with different scales using secondary Y axis） 如果要显示在同一时间点测量两个不同数量的两个时间序列，...则可以在右侧的辅助 Y 轴上再绘制第二个系列。...虽然可以在视觉上吸引人，但数值并不十分明显。然而，它可以很好地描绘极端值和假日效果。 注：需要安装 calmap 库 ? 46....此图使用“谋杀”和“攻击”列作为 X 和 Y 轴。或者，您可以将第一个到主要组件用作 X 轴和 Y 轴。 ? 49.

4.5K20

总结了50个最有价值的数据可视化图表

有效图表的重要特征： 在不歪曲事实的情况下传达正确和必要的信息。 设计简单，您不必太费力就能理解它。 从审美角度支持信息而不是掩盖信息。 信息没有超负荷。...使用辅助 Y 轴来绘制不同范围的图形（Plotting with different scales using secondary Y axis） 如果要显示在同一时间点测量两个不同数量的两个时间序列，...则可以在右侧的辅助 Y 轴上再绘制第二个系列。...虽然可以在视觉上吸引人，但数值并不十分明显。然而，它可以很好地描绘极端值和假日效果。 注：需要安装 calmap 库 46....此图使用“谋杀”和“攻击”列作为 X 和 Y 轴。或者，您可以将第一个到主要组件用作 X 轴和 Y 轴。 49.

3.3K10

50 个数据可视化图表

有效图表的重要特征： 在不歪曲事实的情况下传达正确和必要的信息。 设计简单，您不必太费力就能理解它。 从审美角度支持信息而不是掩盖信息。 信息没有超负荷。...使用辅助 Y 轴来绘制不同范围的图形（Plotting with different scales using secondary Y axis） 如果要显示在同一时间点测量两个不同数量的两个时间序列，...则可以在右侧的辅助 Y 轴上再绘制第二个系列。...虽然可以在视觉上吸引人，但数值并不十分明显。然而，它可以很好地描绘极端值和假日效果。 注：需要安装 calmap 库 46....此图使用“谋杀”和“攻击”列作为 X 和 Y 轴。或者，您可以将第一个到主要组件用作 X 轴和 Y 轴。 49.

3.9K20

图表（Chart & Graph）你真的用对了吗？

关系图形很适合于显示一个变量与单个或多个不同变量之间的关系，以便查看变量是否对其它变量产生了影响。 关系图形有以下几种类型： 散点图 气泡图 线形图 下面是13 种用于分析和呈现数据的不同类型的图表。...数据线不超过4条，以免产生混乱。 使用正确的高度，使线条占据y轴高度的2/3左右。 4）双轴图 双轴图可用于显示双Y轴的数据。这种图形由三个数据集组成，两个Y轴数据，一个X轴数据。...5）面积图 面积图基本上是一条线图，但X轴和线之间的空间用颜色或图案填充，用于显示局部和整体的关系，可以帮助分析总体趋势和单个数据趋势。...这种图形在寻找异常值或了解数据的分布时，会非常有用。 设计散点图的最佳做法： 尽可能的多包含数据。 启动y轴为0，以便准确地表示数据。 只使用两条趋势线，以便点数据更好理解。...10）瀑布图 瀑布图用于显示初始值如何受到中间值（正或负）的影响，并产生最终值，主要用于展示数据的组成。 设计瀑布图的最佳做法： 使用对比色来突出显示数据集中的差异。

2.3K10

10个数据可视化技巧,让你一看就懂！

但有时，你会希望在同一行或列中抛出不同的图表，相互补充和/或显示不同的信息片段。 为此，这里给出一个非常基本但必不可少的工具：subplots。如何使用它?很简单。...matplotlib 中的图表是一种结构，可以这样使用： 图形：绘制图表的背景或画布 轴：我们的图表 通常，这些东西是在代码后台自动设置的，但是如果要绘制多个图形，我们只需要按照以下方式创建图形和轴对象...nrows=2，我们将创建一个由 x，y 轴组成的图形，其中只有两个图表，分布在两个不同的行中。...在图上标注值对于解释图表非常有用。 假设现在我们使用 subplots，我们有几个图表，其中一个是位于 ax[0] 位置的 seaborn 的 barplot。...「patch」或条形图，直到「ha」参数获取条形图的位置、高度和宽度为止，以便将值注释放在正确的位置。

2.3K10

【数据可视化】Echarts最常用图表

柱状图的核心思想是对比，常用于显示一段时间内的数据变化或显示各项之间的比较情况。柱状图的适用场合是二维数据集（每个数据点包括两个值x和y），但只有一个维度需要比较。...一张图表一般包含用于显示数据的网格区域、x坐标轴、y坐标轴（包括坐标轴标签、坐标轴刻度、坐标轴名称、坐标轴分隔线、坐标轴箭头）、主/副标题、图例、数据标签等组件。...标准折线图是指由x轴与y轴组成区域内的一些点、线，以及这些点、线或坐标轴的文字描述，常用于显示数据随时间或有序类别而变化的趋势，可以很好地表现出数据是递增还是递减、增减的速率、增减的规律（周期性、螺旋性等...由图可知，图形为标准的折线图，其中只包含一条折线、数据网格、标题、图例、x轴、y轴，图表非常简洁。...如果一定要展示多条折线，那么最好不要同时展示超过5条。如果一定要用双Y轴，那么必须确保这两个指标是有关系的。 5.

18510

​《七天数据可视化之旅》第三天：数据图表的选择(中)

1.柱状图 在《数据图表的选择（上）》有写到，柱状图是离散时间数据可视化的方式之一，只不过这里的系列值的数据类型是「时间」而已。...并列柱状图： 适合两个或三个数据类别的对比，若数据类别超出3个，不建议使用并列柱状图。...在散点图中，圆点的面积是相同的，主要是通过圆点在坐标轴中的坐标点（X，Y）确定的位置，来映射数据。...比如我们常用的导航软件、天气预报、降水量、台风移动路线等都和地理信息相挂钩，这些数据一般也是在地图上进行呈现，给人以直观的视觉体验。 ?...图表的目的，是为了更直观、准确的呈现数据背后的信息和知识，不同数据关系应该选择什么图表都是有套路的可循的。

1.3K30

盘龙小学的最后一课之绘制堆积柱状图。

能想到用“堆积柱状图”的方式呈现数据，是很难得的。 ? 什么时候做堆积柱状图呢？ 当一个实验中存在多个组，且均检测了多个相同指标，检测结果需要在一张图中进行组间比较，此时最适合采用堆积柱状图。...打开Graph Pad Prism，按照下图，新建一个图表任务。 ? 3.按照下图所示的格式，输入已计算好的数据。 ?...注意：图中红框所示，在输入时别将标签名字的位置弄错了，否则最后输出的图表标签也是反的。 4. 数据写填好之后，选择输出为“堆积柱状图”，如下。然后点击OK。 ?...7.双击Y轴轴线，在弹框中进行如下设置。将Y轴坐标线设置为朝右，然后取消自动勾选，将Y轴最大值修改至合适，将Y轴单位距离修改至合适。点击OK。 ? 点击OK后可见Y轴新效果。 ?...8.同样的，双击X轴。修改X轴坐标线朝上，X轴标签的倾斜角度至合适。 ? 点击OK后，可见X轴新效果。 ? 9.依次点击右侧的单个标签，然后使用键盘上的方向键来移动标签至柱图上方位置。

87830
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券