三方图表库hellocharts使用简单例子归纳（感觉比MpAndroidchart好用）

最新推荐文章于 2024-09-23 18:34:38 发布
最新推荐文章于 2024-09-23 18:34:38 发布
阅读量3.3k 收藏 2
点赞数
分类专栏： 第三方开源框架学习 文章标签： hellochart
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30519365/article/details/60143419
版权

![

这里写图片描述

](https://img-blog.csdn.net/20170303173656836?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzA1MTkzNjU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)##线形图
* 构建运用建造者模式
* ###数据源-line-data-chart
使用思路：代码倒着写 如：
* @param chart 图表对象
* @param values 图标上点的集合
* 设置图表数据并配置x,y轴 参数

 * @param isshowxy    是否显示 x,y轴
 * @param color       线的颜色值
 * @param issqure     描线是不是方形还是圆形 false 是方形 true 是圆形

实例：这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
rotected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_zz);
chart = (LineChartView) findViewById(R.id.chart);
chart.animate();
List values = new ArrayList();
values.add(new PointValue(78, 2));
values.add(new PointValue(10, 4));
values.add(new PointValue(2, 3));
values.add(new PointValue(3, 4));
setChatData(chart,values,true,Color.GREEN,false);
// setChatData(values,Color.RED,false,”x轴”,”y轴”,Color.YELLOW,Color.BLUE);
}
private void setChatData( List values, int red, boolean b, String xlabel, String ylable, int xtextclor, int ytextclor) {
showxy(values,red,xlabel,ylable,xtextclor,ytextclor);
}
private void showxy( List value,int red, String xlabel, String ylable, int xtextclor, int ytextclor) {
Line line = new Line(value).setColor(red).setCubic(false);
List lines = new ArrayList();
line.setHasLabelsOnlyForSelected(true);
lines.add(line);
data = new LineChartData();
data.setLines(lines);

    Axis axis=new Axis();

    axis.setName(xlabel);
    axis.setTextColor(xtextclor);
    data.setAxisXBottom(axis);
    Axis axisy=new Axis();

    axisy.setName(ylable);
    axisy.setTextColor(ytextclor);
    data.setAxisYLeft(axisy);

    chart.setLineChartData(data);
}



/**
 * @param chart 图表对象
 * @param values 图标上点的集合
 *   设置图表数据并配置x,y轴 参数
 *    构建运用建造者模式
 *     数据源-line-data-chart
 * @param isshowxy    是否显示 x,y轴
 * @param color       线的颜色值
 * @param issqure     描线是不是方形还是圆形 false 是方形 true 是圆形
 */
LineChartData data;
private void setChatData(LineChartView chart,List<PointValue> values,Boolean isshowxy ,int color,Boolean issqure) {

    //In most cased you can call data model methods in builder-pattern-like manner.
    Line line = new Line(values).setColor(color).setCubic(issqure);
    List<Line> lines = new ArrayList<Line>();
    line.setHasLabelsOnlyForSelected(true);
    lines.add(line);
    data = new LineChartData();
    if (isshowxy){
        showxy(data);
    }
     data.setLines(lines);

    chart.setLineChartData(data);
}

private void showxy(LineChartData data) {
    Axis axis=new Axis();
   axis.setLineColor(Color.RED);
    axis.setName("x轴");
    axis.setTextColor(Color.RED);
    data.setAxisXBottom(axis);
    Axis axisy=new Axis();
   axisy.setLineColor(Color.YELLOW);
    axisy.setName("y轴");
    axisy.setTextColor(Color.BLUE);
    data.setAxisYLeft(axisy);
}

饼状图

package com.example.administrator.phonelocationapp.chartspic;

import android.app.Activity;
import android.graphics.Color;
import android.graphics.RectF;
import android.os.Bundle;

import com.example.administrator.phonelocationapp.R;

import java.util.ArrayList;
import java.util.List;

import lecho.lib.hellocharts.model.Axis;
import lecho.lib.hellocharts.model.Line;
import lecho.lib.hellocharts.model.LineChartData;
import lecho.lib.hellocharts.model.PieChartData;
import lecho.lib.hellocharts.model.PointValue;
import lecho.lib.hellocharts.model.SliceValue;
import lecho.lib.hellocharts.view.LineChartView;
import lecho.lib.hellocharts.view.PieChartView;

/**
* Created by Administrator on 2017/3/3 0003.
*/
public class Piepic extends Activity {
PieChartView chart;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_pie);
chart = (PieChartView) findViewById(R.id.pc);

    chart.animate();
    List<SliceValue> values=new ArrayList<>();
    values.add(new SliceValue(0.1f,Color.RED).setLabel("A"));
    values.add(new SliceValue(0.2f,Color.YELLOW).setLabel("B"));
    values.add(new SliceValue(0.3f,Color.BLUE).setLabel("C"));
    values.add(new SliceValue(0.2f,Color.GREEN).setLabel("D"));
    values.add(new SliceValue(0.2f,Color.WHITE).setLabel("E"));
    PieChartData datas=new PieChartData(values);
    datas.setHasLabelsOnlyForSelected(true);
    datas.setCenterText2Color(Color.GREEN);
    datas.setHasLabelsOutside(true);
    datas.setCenterText2("第二圈");
   chart.setViewportCalculationEnabled(true);//设置饼图自动适应大小
    chart.setChartRotation(360,true);//设置饼图旋转角度，且是否为动画
    chart.setChartRotationEnabled(true);//设置饼图是否可以手动旋转 默认可以的
    chart.setCircleFillRatio(0.5f);//设置饼图其中的比例
    chart.setCircleOval(new RectF());//设置饼图成椭圆形
   //为饼图设置数据
    chart.setPieChartData(datas);

}

}

气泡图

package com.example.administrator.phonelocationapp.chartspic;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import com.example.administrator.phonelocationapp.R;

import java.util.ArrayList;
import java.util.List;

import lecho.lib.hellocharts.model.Axis;
import lecho.lib.hellocharts.model.BubbleChartData;
import lecho.lib.hellocharts.model.BubbleValue;
import lecho.lib.hellocharts.view.BubbleChartView;

/**
* Created by Administrator on 2017/3/3 0003.
*/
public class Qipao extends Activity {
BubbleChartView bcv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_qpao);
bcv= (BubbleChartView) findViewById(R.id.bubblechart);
List values=new ArrayList<>();
values.add(new BubbleValue(2.0f,3.0f,4.0f, Color.BLUE));
values.add(new BubbleValue(2.6f,3.7f,4.08f, Color.YELLOW));
values.add(new BubbleValue(2.090f,3.0f,4.07f, Color.GREEN));
values.add(new BubbleValue(2.06f,3.066f,4.09f, Color.RED));
values.add(new BubbleValue(2.07f,3.089f,4.067f, Color.DKGRAY));
BubbleChartData datas=new BubbleChartData(values);
datas.setHasLabelsOnlyForSelected(true);
Axis ax=new Axis();
ax.setName(“x轴”);
ax.setTextColor(Color.BLUE);
datas.setAxisXBottom(ax);
Axis ay=new Axis();
ay.setTextColor(Color.GREEN);
ay.setName(“y轴”);
datas.setAxisYLeft(ay);
bcv.setBubbleChartData(datas);
}
}

折线图

setContentView(R.layout.activity_zz);
    chart = (LineChartView) findViewById(R.id.chart);
    chart.animate();
    List<PointValue> values = new ArrayList<PointValue>();
    values.add(new PointValue(78, 2));
    values.add(new PointValue(10, 4));
    values.add(new PointValue(2, 3));
    values.add(new PointValue(3, 4));
   setChatData(chart,values,true,Color.GREEN,false);
  // setChatData(values,Color.RED,false,"x轴","y轴",Color.YELLOW,Color.BLUE);
}
private void setChatData( List<PointValue> values, int red, boolean b, String xlabel, String ylable,  int xtextclor, int ytextclor) {
    showxy(values,red,xlabel,ylable,xtextclor,ytextclor);
}
private void showxy(  List<PointValue> value,int red, String xlabel, String ylable, int xtextclor, int ytextclor) {
    Line line = new Line(value).setColor(red).setCubic(false);
    List<Line> lines = new ArrayList<Line>();
    line.setHasLabelsOnlyForSelected(true);
    lines.add(line);
    data = new LineChartData();
    data.setLines(lines);

    Axis axis=new Axis();

    axis.setName(xlabel);
    axis.setTextColor(xtextclor);
    data.setAxisXBottom(axis);
    Axis axisy=new Axis();

    axisy.setName(ylable);
    axisy.setTextColor(ytextclor);
    data.setAxisYLeft(axisy);

    chart.setLineChartData(data);
}



/**
 * @param chart 图表对象
 * @param values 图标上点的集合
 *   设置图表数据并配置x,y轴 参数
 *    构建运用建造者模式
 *     数据源-line-data-chart
 * @param isshowxy    是否显示 x,y轴
 * @param color       线的颜色值
 * @param issqure     描线是不是方形还是圆形 false 是方形 true 是圆形
 */
LineChartData data;
private void setChatData(LineChartView chart,List<PointValue> values,Boolean isshowxy ,int color,Boolean issqure) {

    //In most cased you can call data model methods in builder-pattern-like manner.
    Line line = new Line(values).setColor(color).setCubic(issqure);
    List<Line> lines = new ArrayList<Line>();
    line.setHasLabelsOnlyForSelected(true);
    lines.add(line);
    data = new LineChartData();
    if (isshowxy){
        showxy(data);
    }
     data.setLines(lines);

    chart.setLineChartData(data);
}

private void showxy(LineChartData data) {
    Axis axis=new Axis();
   axis.setLineColor(Color.RED);
    axis.setName("x轴");
    axis.setTextColor(Color.RED);
    data.setAxisXBottom(axis);
    Axis axisy=new Axis();
   axisy.setLineColor(Color.YELLOW);
    axisy.setName("y轴");
    axisy.setTextColor(Color.BLUE);
    data.setAxisYLeft(axisy);
}

柱状图

ColumnChartView cv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_zzpic);
cv= (ColumnChartView) findViewById(R.id.cc);
List colums=new ArrayList<>();
List values=new ArrayList<>();
values.add(new SubcolumnValue(2.3f, Color.GREEN));
values.add(new SubcolumnValue(4.3f, Color.RED));
values.add(new SubcolumnValue(2.5f, Color.YELLOW));
values.add(new SubcolumnValue(2.3f, Color.BLUE));
colums.add(new Column(values));
ColumnChartData mdata=new ColumnChartData(colums);
ArrayList axisValuesX = new ArrayList();//定义X轴刻度值的数据集合
axisValuesX.add(new AxisValue(1.0f));
axisValuesX.add(new AxisValue(5.0f));
axisValuesX.add(new AxisValue(6.0f));
axisValuesX.add(new AxisValue(7.0f));
axisValuesX.add(new AxisValue(100.0f));
ArrayList axisValuesY = new ArrayList();//定义Y轴刻度值的数据集合
axisValuesY.add(new AxisValue(1.0f));
axisValuesY.add(new AxisValue(5.0f));
axisValuesY.add(new AxisValue(6.0f));
axisValuesY.add(new AxisValue(7.0f));
axisValuesY.add(new AxisValue(100.0f));
Axis ax=new Axis();
ax.setName(“x轴”);

    ax.setTextColor(Color.BLUE);
    ax.setLineColor(Color.WHITE);
    Axis ay=new Axis();
    ay.setName("y轴");

    ay.setTextColor(Color.RED);
    mdata.setAxisYLeft(ay);
    mdata.setAxisXBottom(ax);
    cv.setColumnChartData(mdata);
}
江南一舟110
关注
专栏目录
HelloCharts和MPAndroidChart图表
11-16
HelloCharts和MPAndroidChart图表
HelloCharts Android 图表库教程
gitblog_00234的博客
08-08 749
HelloCharts Android 图表库教程 项目地址:https://gitcode.com/gh_mirrors/he/hellocharts-android 项目介绍 HelloCharts 是一个适用于 Android 的图表库，支持 API 8+（Android 2.2）及以上版本。该库提供了多种图表类型，包括线图、柱状图、饼图、气泡图和组合图等。HelloCharts 的特点是 ...
echarts示例（持续更新中。。。现为5个案例）
qq_46464205的博客
09-23 943
饼状图、柱状图、柱状图顶部加横线、横向柱状图、折线图、echarts示例、持续更新
【Android -- 开源库】图表绘制 HelloCharts 的基本使用
Kevin Learn Android
11-16 1840
很早以前就想学习一些图表控件的实现，但一直被耽搁。现在毕设项目里有一个统计模块，所以不得不学了。找控件没花多大力气，不过确实在 MPAndroidChart 和 HelloCharts 之间犹豫了一会。不过简单对比来看，还是 HelloCharts 比较容易实现，也有很多可定义的模块/属性/效果。所以就选择了学习 HelloCharts 。
Android图表HelloCharts的简单实例
曲幽
01-04 3869
效果图，数据可平移查看历史。直接在布局中加入相应的图表控件。图表上每一点的数据 PointValue(float x, float y) 第一个参数表示点的位置，第二个参数表示点上的数据。如果是多条折线，则需相同位置定义不同的PointValue。Line定义线条上的数据和颜色等，构造函数传入包含PointValue的列表，多条折线分别绑定不同的点数据列表。Axis定义X轴和Y轴的显示。包含了点数据列表的折线添加到 LineChartData 中并绑定给图表控件。实现平移必须设置视图Viewport大小。
hellocharts的基础使用
就很有趣的博客
06-09 4623
在线导入hellocharts步骤 这里输入全称才可以实现下载 基本使用 （1）布局文件的内容，这里没什么好说的，就是添加一个LineChartView组件 <lecho.lib.hellocharts.view.LineChartView android:id="@+id/linechart_one" android:background="#00FFFF" android:layout_weight="1" android:layout_width="match_
hellochart详细讲解（一）折线图
热门推荐
wenzhi的博客
06-30 1万+
hellochart详细讲解（一）折线图之前有介绍HelloChart图形绘制框架的使用，还有各种效果图： http://blog.csdn.net/wenzhi20102321/article/details/73133718之前没有对各个图形设计做详细介绍。 本文重点hellochart折线图的使用。效果：总览图： 一共显示5中基本图形，其实通过设置属性可以变成几十种图形样式！
yaml-cpp三方库源码，版本为0.8.0
04-13
yaml-cpp 是一个功能强大的 C++ 库，用于处理 YAML 数据格式。其源码结构清晰，模块划分合理，易于理解和扩展。库内提供了丰富的 API，包括节点的创建、查询、修改以及文件的读写等，使得开发者能够方便地在 C++ 中...
KeyPointsAnd3DSC算法三方库
10-15
“A Fast Point Clouds Registration Algorithm for Laser Scanners”论文复现的KeyPointsAnd3DSC算法，可用来实现点云配准。参考博客链接：https://blog.csdn.net/weixin_43896283/article/details/133840198
C++三方库 PCL1.8.1
12-11
vs2015对应的PCL1.8.1，包括两个文件：PCL-1.8.1-AllInOne-msvc2015-win64.exe、pcl-1.8.1-pdb-msvc2015-win64.zip。
Android使用HelloCharts绘制多曲线图
07-07
Android使用HelloCharts绘制多曲线图
pyautoit-master三方库包
05-12
此包为pyautoit-master三方库的包，可以用来作为python操作Windows窗口的支持库。 使用方法： 1、下载此包，解压，到pyautoit-master目录下打开cmd窗口，离线安装，指令：python setup.py install 2、python调用，...
Android图表Hellocharts开源框架介绍
duanchuanzhi的博客
03-16 890
Android 图表Hellocharts开源框架介绍
android统计图表 最好,安卓最好用的图表库hellocharts之最详细的使用介绍
weixin_35828992的博客
05-28 1170
因为项目需要搞一个折线图，按照日期显示相应的成绩，所以有了本文。因为项目需要搞一个折线图，按照日期显示相应的成绩，所以有了本文。以前用过一次XCL-chart，但是感觉只适合固定图表，不去滑动的那种，因为你一滑动太卡了你懂得(毕竟作者好久没更新优化了)，拙言大神我开玩笑的 ，毕竟我加你的群大半年了 - -第二研究了一下achartenginee图表框架，一不美观，二 achartenginee的可...
HelloCharts for Android：一款强大的图表库
gitblog_00022的博客
03-20 365
HelloCharts for Android：一款强大的图表库 hellocharts-androidCharts library for Android compatible with API 8+, several chart types with scaling, scrolling and animations ????项目地址:https://gitcode.com/gh_mirrors/...
Android HelloChart开源库图表（一）之曲线图
wwdlss的博客
11-23 1万+
更优秀、性能更高的的统计图表开源框架
hellocharts-android-Android图表开源库的使用(二)
weixin_38251977的博客
04-10 1805
之前的一篇文章介绍了hellocharts这个开源库的基本的使用方法（传送门：http://www.jianshu.com/p/dba47464fcfc ） ，今天，基于hellocharts我们来实现一个类似心电图的动态曲线的效果，先上效果图： 效果图.gif Viewport 首先，开始代码前我们先来认识一下hellocharts重要的一个概念-Viewport，翻译我们可以知道，View
Highcharts简单小示例，15秒了解图解
IT_hot_pot的博客
01-04 469
Highcharts 简介 Highcharts 是一个用纯JavaScript编写的一个图表库， 能够很简单便捷的在web 网站或是web应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站 和非商业用途使用。HighCharts支持的图表类型有曲线图、区域图、柱状图、 饼状图、散状点图和综合图表 特点 HighCharts的主要特性包括： 1.兼容性： HighCharts采...
HarmonyOS【习题】三方库的基本使用
最新发布
10-26
对于第三方库在HarmonyOS中的基本使用，可以按照以下步骤操作： 1. **添加依赖**：在HarmonyOS项目中，通常使用AOM (AppModule)或者依赖管理工具（如Gradle或Maven）来引入第三方库。你需要将库的源码或依赖文件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

江南一舟110

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值