柱状图绘制

最新推荐文章于 2023-05-28 22:18:16 发布
最新推荐文章于 2023-05-28 22:18:16 发布
阅读量258 收藏
点赞数 1
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiyangyang8110/article/details/77776093
版权 
public class BarChartFragment01 extends BaseFragment {

    private ArrayList<PointF> mPointArrayList = new ArrayList<>();
    private TextView mTvDayEarningTotal;
    private FrameLayout frameLayout;
    //日累计总收益
    private float mDayEarningTotal;
    private String mStrHour;


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_barchart_01, container, false);

        frameLayout = (FrameLayout) view.findViewById(R.id.frame_layout);
        mTvDayEarningTotal = (TextView) view.findViewById(R.id.tv_day_earning_total);

        return view;
    }

    @RequiresApi(api = Build.VERSION_CODES.JELLY_BEAN_MR1)
    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        mStrHour = MyDateUtil.changeH(System.currentTimeMillis());
        int mIntHour1 = (int) (Integer.parseInt(mStrHour) / 2);
        WindowManager wm = getActivity().getWindowManager();
        //获取到屏幕宽度,/13计算出每个柱状图的宽度
        int width = (wm.getDefaultDisplay().getWidth()-120) / 13;
         Log.e("1", "run:--------->width: "+ width);
        for (int i = 0; i <= mIntHour1; i++) {
            mPointArrayList.add(new PointF(points[i][0], points[i][1]));
            float y = mPointArrayList.get(i).y;
            Log.e("1", "run:--------->每两小时收益y "+ y);
            mDayEarningTotal = mDayEarningTotal + y;
//代码实现柱状图
            View view1 = new View(getActivity());
            FrameLayout.LayoutParams layoutParams = new FrameLayout.LayoutParams(width - 20, (int) (y * 100));
            layoutParams.gravity = Gravity.BOTTOM;
            layoutParams.setMarginStart((width) * i + 60 + 10);
            view1.setLayoutParams(layoutParams);
            view1.setBackgroundColor(0xffffffff);

            frameLayout.addView(view1);
        }
        mTvDayEarningTotal.setText((float) (Math.round(mDayEarningTotal * 100)) / 100 + "");
    }

    @Override
    public int setRootView() {
        return 0;
    }

    @Override
    public void initViews() {
    }
}

xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background_total_earning"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="68dp"
        android:orientation="vertical">


        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="32dp"
            android:text="日累计收益"
            android:textColor="@color/white" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <TextView
                android:id="@+id/tv_day_earning_total"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="32dp"
                android:textColor="@color/white"
                android:textSize="20sp" />

            <TextView
                android:id="@+id/tv_day"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="(元)"
                android:textColor="@color/white" />
        </LinearLayout>

    </LinearLayout>


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="bottom|right"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="4dp"
                    android:text="元"
                    android:textColor="@android:color/white" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="4dp"
                    android:text="10.0"
                    android:textColor="@android:color/white" />
            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="0.1dp"
                android:background="#9fff" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="bottom|right"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="4dp"
                    android:text="8.0"
                    android:textColor="@android:color/white" />

            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="0.1dp"
                android:background="#9fff" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="bottom|right"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="4dp"
                    android:text="6.0"
                    android:textColor="@android:color/white" />

            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="0.1dp"
                android:background="#9fff" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="bottom|right"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="4dp"
                    android:text="4.0"
                    android:textColor="@android:color/white" />

            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="0.1dp"
                android:background="#9fff" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="bottom|right"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="4dp"
                    android:text="2.0"
                    android:textColor="@android:color/white" />

            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="0.1dp"
                android:background="#9fff" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="bottom|right"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="4dp"
                    android:text="0.0"
                    android:textColor="@android:color/white" />

            </LinearLayout>


        </LinearLayout>

        <FrameLayout
            android:id="@+id/frame_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent">


        </FrameLayout>
    </RelativeLayout>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="28dp"
        android:background="#3fff"
        android:gravity="center"
        android:orientation="horizontal"
        android:paddingLeft="60px">

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="0"
            android:textColor="@android:color/white" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="2"
            android:textColor="@android:color/white" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="4"
            android:textColor="@android:color/white" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="6"
            android:textColor="@android:color/white" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="8"
            android:textColor="@android:color/white" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="10"
            android:textColor="@android:color/white" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="12"
            android:textColor="@android:color/white" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="14"
            android:textColor="@android:color/white" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="16"
            android:textColor="@android:color/white" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="18"
            android:textColor="@android:color/white" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="20"
            android:textColor="@android:color/white" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="22"
            android:textColor="@android:color/white" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="24"
            android:textColor="@android:color/white" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="60px"
            android:gravity="center"
            android:text="(时)"
            android:textColor="@android:color/white" />

    </LinearLayout>
</LinearLayout>
xiyangyang8110
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt 柱状图绘制
03-21
在给定的“Qt 柱状图绘制”主题中，我们将深入探讨如何在Qt环境中创建和定制柱状图，以及相关的重要概念和技术。 柱状图是一种常用的数据可视化工具，它使用垂直或水平的长条来表示数据的类别和相应的量。在Qt中，...
如何利用Object Browser图形化工具提高Oracle开发工作效率（三）数据库管理篇
oracle工具
07-02 1446
在数据库开发工作的进行过程中，往往需要时常监视和管理数据库的相关信息。以往的做法当然是通过命令行或登录oracle自带的em console去查看和管理。 但是非专业的DBA很难将那些复杂的命令行都记在脑子里，更别提动不动就出问题的em了。 我们关心的并不是怎么做可以实现，而是怎么做能够快速、高效的解决。   不可否认，这些年来很多oracle第三方工具都提供了比较完善和方便的开发支援，但
python如何绘制柱状图
热门推荐
ben_na_的博客
04-18 10万+
1、插件安装 安装两种插件 pip install -i https://pypi.tuna.tsinghua.edu.cn/simple matplotlib pip install -i https://pypi.tuna.tsinghua.edu.cn/simple numpy 2、普通柱状图 柱状图绘制步骤 导入matplotlib.pyplot模块 准备数据，可以使用numpy/pandas整理数据 调用pyplot.bar()绘制柱状图 上代码 import numpy as np imp
数据可视化：绘制图表（一）——柱状图
最新发布
Tanzy666的博客
05-28 4332
理解掌握如何用matplotlib库绘制柱状图
柱状图的绘制
weixin_64584123的博客
02-11 1549
柱状图的绘制，直角坐标系下hist调用格式,极坐标系下rose调用格式
Python Matplotlib绘制柱状图（bar和barh函数）详解
人生苦短， 还不用Python？
06-30 5万+
使用 Matplotlib 提供的bar()函数来绘制柱状图。与前面介绍的 plot() 函数类似，程序每次调用 bar() 函数时都会生成一组柱状图， 如果希望生成多组柱状图，则可通过多次调用 bar() 函数来实现。 下面程序使用柱状图来展示《C语言基础》和《Java基础》两套教程历年的销量数据。 上面程序中，第 9、10 两行代码用于在数据图上生成两组柱状图，程序设置了这两组柱状...
Python 堆叠柱状图绘制方法
01-20
本文介绍了Python 堆叠柱状图绘制方法，分享给大家，具体如下： ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' >>文件: 堆叠直方图.py >>作者: liu yang...
matlab纹理柱状图绘制程序applyhatch
12-16
在MATLAB编程环境中，"applyhatch"是一个用于创建纹理柱状图的函数，它可以为柱状图添加复杂的纹理效果，提升图形的视觉表现力。这个程序尤其适用于那些需要更直观展示数据差异或强调特定柱状的情况。在描述中提到的...
多目标柱状图绘制python
07-12
多目标柱状图绘制python
基于Qt4的柱状图绘制源码
04-09
【基于Qt4的柱状图绘制源码】项目是一个使用Qt框架开发的示例程序，主要目的是帮助开发者理解和掌握在Qt环境下如何实现动态的柱状图绘制。该项目使用了Qt4.8.6版本，这是一个非常成熟且广泛使用的C++图形用户界面库...
不使用第三方库-动态绘制折线、圆柱、饼状图.
08-27
本例子是一个Android仿天气类app绘制饼状图、折线图、柱状图的实现效果，效果挺不错，例子没有使用第三方类库，全部都是使用Canvas实现。编译版本4.2.2 项目编码UTF-8。需要的朋友可以自己下载研究下。
Excel学习日记：L9-图表制作-柱状图
qq_32833675的博客
09-18 2776
目录 一、插入/隐藏/移动图表 1.1 图表的插入 1.2 图表部分数据的隐藏 在不想让图表中部分数据出现时，可以将其暂时隐藏 1.3 图表的移动 二、添加图表元素 三、设置数据系列格式 一、插入/隐藏/移动图表 1.1 图表的插入 选择数据-插入-柱形图 1.2 图表部分数据的隐藏 在不想让图表中部分数据出现时，可以将其暂时隐藏 步骤：点击图表-点击右侧-筛选符号-将想隐藏的数据取消勾选-点击应用 1.3 图表的移动 点击设计-移动图表-...
Python——使用matplotlib绘制各种柱状图
蘇丶的博客
09-14 2万+
版权声明：本文为小黄鸭原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_29721419/article/details/71638912 ...
python画柱状图-Python绘图之柱形图绘制详解
q6q6q的专栏
10-28 2万+
前言用python编程绘图，其实非常简单。中学生、大学生、研究生都能通过这10篇教程从入门到精通！快速绘制几种简单的柱状图。1垂直柱图（普通柱图）绘制普通柱图的python代码如下：（左右滑动可以查看全部代码）12345678910111213141516171819202122232425262728# -*- coding:utf-8 -*-# 申明编码格式为utf-8import matpl...
echart读取数据库数据画柱状图
i_wanna_rock的博客
11-22 2183
var xAxisData = []; var legendData = ['chenrui']; var dataList = []; var echartdata,dat; $.ajax({ async : false, // cache : false, type : 'POST', dataType:'json', url : 'ksxlfmxController.do?
图表插件 - chart.js (柱状图) 学习总结
lishangr的博客
01-28 4万+
图表插件 - chart.js (柱状图) 学习总结 个人网站：http://lishangrong.github.io/2016/01/28/20160128-chartjs(bar)/
MATLAB绘制柱状图带标准误差线
东辰叶落
08-11 1万+
首先在下面网址下载barweb.m文件，将压缩包解压到的.m文件添加到路径： https://ww2.mathworks.cn/matlabcentral/fileexchange/10803-barweb-bargraph-with-error-bars 在MATLABA中    help barweb  查看具体参数解释 x=[60.82,17.51;43.59,8.32;101.78,...
matplotlib 柱状图bar
szfhy的博客
09-15 1346
import numpy as np import matplotlib.pyplot as plt N = 5 y = [20, 10, 30, 25, 15] index = np.arange(N) plt.bar(left=index, height=y,color='red', width=0.5) #left横坐标，height纵坐标, color颜色 width plt.show(...
matlab 柱状图绘制折线图
05-23
在 Matlab 中，可以使用 `bar` 函数绘制柱状图，使用 `plot` 函数绘制折线图。以下是一个示例代码： ```matlab % 生成一些数据 x = [1 2 3 4 5]; y1 = [10 20 30 40 50]; y2 = [5 15 25 35 45]; % 绘制柱状图 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值