当前位置： 首页 > wzjs >正文

部队网站建设总结怎么做祝福网站

wzjs 2025/9/15 18:07:34
部队网站建设总结,怎么做祝福网站,互联网行业有哪些,向国旗敬礼做时代新人网站目录： 需求是什么？创建柱状图(两条)。创建双柱状图(间距)创建折线图 一、需求是什么？ 我们想实现数据统计、或者物料统计，那么就需要使用到图表，而MPAndroidChart框架可以提供框架给我们进行开发。比如可以实现如下&…

目录：

  1. 需求是什么？
  2. 创建柱状图(两条)。
  3. 创建双柱状图(间距)
  4. 创建折线图

一、需求是什么？

我们想实现数据统计、或者物料统计，那么就需要使用到图表，而MPAndroidChart框架可以提供框架给我们进行开发。比如可以实现如下：
在这里插入图片描述在这里插入图片描述在这里插入图片描述

二、引入依赖

implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0'

三、创建柱状图(两条)：销售数据和销售量

3.1 XML

    <com.github.mikephil.charting.charts.BarChartandroid:id="@+id/barChart"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_margin="16dp"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent" />

3.2 创建图表

流程：
（1）初始化 BarChart
（2）配置图表样式【重点】
（3）生成 28 天的销售测试数据
（4）给柱状图设置数据【重点】

package com.example.mpandroidchartdemo
import android.graphics.Color
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import com.github.mikephil.charting.charts.BarChart
import com.github.mikephil.charting.components.XAxis
import com.github.mikephil.charting.data.BarData
import com.github.mikephil.charting.data.BarDataSet
import com.github.mikephil.charting.data.BarEntry
import com.github.mikephil.charting.formatter.IndexAxisValueFormatter
import com.github.mikephil.charting.formatter.ValueFormatterclass MainActivity : AppCompatActivity() {private lateinit var barChart: BarChartoverride fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_main)// 1.初始化 BarChartbarChart = findViewById(R.id.barChart)// 2. 配置图表样式：X轴(下方数据)，两Y轴(左侧数据)setupBarChart()// 3. 生成 28 天的销售数据val salesData = generateSalesData()// 4. 设置柱状图数据setBarChartData(salesData)}/*** 配置 BarChart 的基本样式*/private fun setupBarChart() {// 基本配置barChart.setDrawGridBackground(false) // 不绘制网格背景barChart.description.isEnabled = false // 禁用描述barChart.legend.isEnabled = true // 启用图例barChart.setPinchZoom(false) // 禁用捏合缩放barChart.setDrawBarShadow(false) // 不绘制柱状图阴影barChart.setDrawValueAboveBar(true) // 在柱状图上方显示数值// 配置 X 轴val xAxis = barChart.xAxisxAxis.position = XAxis.XAxisPosition.BOTTOM // X 轴显示在底部xAxis.setDrawGridLines(false) // 不绘制 X 轴网格线xAxis.granularity = 1f // 设置最小间隔为 1xAxis.labelCount = 28 // 显示 28 个标签xAxis.valueFormatter = IndexAxisValueFormatter(getXAxisLabels()) // 设置 X 轴标签 这是 MPAndroidChart 库提供的一个内置格式化器类，专门用于处理基于索引（顺序位置）的标签。// ---------注意    Y轴是有两个的。// 配置左侧 Y 轴val leftAxis = barChart.axisLeftleftAxis.setDrawGridLines(true) // 绘制 Y 轴网格线leftAxis.axisMinimum = 0f // Y 轴从 0 开始// 禁用右侧 Y 轴 默认是会显示的。val rightAxis = barChart.axisRightrightAxis.isEnabled = false}/*** 生成 28 天的模拟销售数据* @return List<Pair<Float, Float>>，Pair 的第一个值是售卖数量，第二个值是售卖金额*/private fun generateSalesData(): List<Pair<Float, Float>> {return List(28) { index ->Pair((50 + index * 2).toFloat(), (1000 + index * 50).toFloat())}}/*** 生成 X 轴标签（1 到 28 天） Day 1 Day2 Day3* @return List<String>，X 轴的标签列表*/private fun getXAxisLabels(): List<String> {return List(28) { index -> "Day ${index + 1}" }}/*** 设置柱状图数据* @param salesData 28 天的销售数据*/private fun setBarChartData(salesData: List<Pair<Float, Float>>) {// 1. 创建 BarEntry 列表 --将销售数据转换为 BarEntryval entriesQuantity = mutableListOf<BarEntry>() // 售卖数量val entriesAmount = mutableListOf<BarEntry>()  // 售卖金额// 2. 遍历销售数据，转换为 BarEntry---填充数据salesData.forEachIndexed { index, data ->entriesQuantity.add(BarEntry(index.toFloat(), data.first))  // 售卖数量entriesAmount.add(BarEntry(index.toFloat(), data.second)) // 售卖金额}// 3. 创建 BarDataSetval dataSetQuantity = BarDataSet(entriesQuantity, "售卖数量").apply {color = Color.BLUE // 设置柱状图颜色valueTextColor = Color.BLACK // 设置数值文字颜色valueTextSize = 12f // 设置数值文字大小valueFormatter = object : ValueFormatter() {override fun getFormattedValue(value: Float): String {return value.toInt().toString() // 格式化售卖数量}}}val dataSetAmount = BarDataSet(entriesAmount, "售卖金额").apply {color = Color.GREEN // 设置柱状图颜色valueTextColor = Color.BLACK // 设置数值文字颜色valueTextSize = 12f // 设置数值文字大小valueFormatter = object : ValueFormatter() {override fun getFormattedValue(value: Float): String {return value.toInt().toString() // 格式化售卖金额}}}// 创建 BarDataval barData = BarData(dataSetQuantity, dataSetAmount).apply {barWidth = 0.4f // 设置柱状图宽度 // 设置柱子的宽度}// 设置数据到 BarChartbarChart.data = barDatabarChart.invalidate() // 刷新图表}
}

1、关于配置图表样式
（1）首先进行基本的配置：关于网格，背景等等
（2）配置X轴，也就是下方的轴，day1 day2 day3这些。
（3）配置Y轴，注意，Y轴是有两个的，分左右两侧。

2、给柱状图设置数据
（1）BarEntry是什么：表示柱状图中单个柱子的数据点。每个 BarEntry 包含了该柱子在 X 轴上的位置以及对应的高度（Y 轴值）。

* 主要属性：*     x: 柱子在 X 轴上的位置，通常是一个浮点数。如果 X 轴是类别标签，可以使用索引（如 0, 1, 2, ...）。*     y: 柱子的高度，即 Y 轴上的数值。*     icon: 可选，柱子上方的图标（如气泡图标）。*     data: 可选，附加数据，可以存储任何对象（如字符串、整数等）。*BarDataSet 是一组 BarEntry 的集合，代表柱状图中的一组柱子。

（2）BarDataSet 是什么：表示一组 BarEntry 的集合，代表柱状图中的一组柱子。这个例子中我们有两组柱子，一组是销售数据，一组是销售量。

*主要属性：*     entries: 包含一组 BarEntry 对象。*     label: 数据集的标签，用于图例和描述。*     color: 柱子的颜色。*     highlightColor: 高亮时的颜色。*     barShadowColor: 柱子阴影的颜色。*     barWidth: 柱子的宽度，范围在 0.2 到 1.0 之间。

（3）BarData 是用于管理和组织柱状图（Bar Chart）中所有数据集（BarDataSet）的核心类。它负责将多个数据集整合在一起，并将其应用到图表中进行显示，可以设置柱子的宽度和间距。调用 barChart.invalidate() 就会 刷新图表。

在这里插入图片描述

四、创建双柱状图(间距)

关于间距我们使用BarData 来设置。
在这里插入图片描述设置间距这里一定要注意，宽度和间距一定要匹配，不然就会出现位置对不上的问题。

   // 创建 BarDataval barData = BarData( dataSetAmount,dataSetQuantity).apply {val amount = 2//多少条柱，就写多少，这里我们是填充两条val groupSpace = 0.3f //柱状图组之间的间距val barWidth1 = (1f - groupSpace) / amountval barSpace = 0fbarWidth = barWidth1 // 设置柱状图宽度 // 设置柱子的宽度groupBars(0f, groupSpace, barSpace)//用于组之间的间距。}

五、折线图

5.1 XML

<com.github.mikephil.charting.charts.LineChartandroid:id="@+id/lineChart"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_margin="16dp" />

5.2 代码

整体的流程是差不多的，只不过控件换了。

import android.graphics.Color
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import com.github.mikephil.charting.charts.LineChart
import com.github.mikephil.charting.components.XAxis
import com.github.mikephil.charting.data.Entry
import com.github.mikephil.charting.data.LineData
import com.github.mikephil.charting.data.LineDataSet
import com.github.mikephil.charting.formatter.IndexAxisValueFormatter
import com.github.mikephil.charting.formatter.ValueFormatterclass MainActivity : AppCompatActivity() {private lateinit var lineChart: LineChartoverride fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_main)// 初始化 LineChartlineChart = findViewById(R.id.lineChart)// 配置图表样式setupLineChart()// 生成 28 天的销售数据val salesData = generateSalesData()// 设置折线图数据setLineChartData(salesData)}/*** 配置 LineChart 的基本样式*/private fun setupLineChart() {// 基本配置lineChart.setDrawGridBackground(false) // 不绘制网格背景lineChart.description.isEnabled = false // 禁用描述lineChart.legend.isEnabled = true // 启用图例lineChart.setPinchZoom(true) // 启用捏合缩放lineChart.setDrawMarkers(true) // 启用数据点标记// 配置 X 轴val xAxis = lineChart.xAxisxAxis.position = XAxis.XAxisPosition.BOTTOM // X 轴显示在底部xAxis.setDrawGridLines(false) // 不绘制 X 轴网格线xAxis.granularity = 1f // 设置最小间隔为 1xAxis.labelCount = 28 // 显示 28 个标签xAxis.valueFormatter = IndexAxisValueFormatter(getXAxisLabels()) // 设置 X 轴标签// 配置左侧 Y 轴val leftAxis = lineChart.axisLeftleftAxis.setDrawGridLines(true) // 绘制 Y 轴网格线leftAxis.axisMinimum = 0f // Y 轴从 0 开始// 禁用右侧 Y 轴val rightAxis = lineChart.axisRightrightAxis.isEnabled = false}/*** 生成 28 天的模拟销售数据* @return List<Pair<Float, Float>>，Pair 的第一个值是售卖数量，第二个值是售卖金额*/private fun generateSalesData(): List<Pair<Float, Float>> {return List(28) { index ->Pair((50 + index * 2).toFloat(), (1000 + index * 50).toFloat())}}/*** 生成 X 轴标签（1 到 28 天）* @return List<String>，X 轴的标签列表*/private fun getXAxisLabels(): List<String> {return List(28) { index -> "Day ${index + 1}" }}/*** 设置折线图数据* @param salesData 28 天的销售数据*/private fun setLineChartData(salesData: List<Pair<Float, Float>>) {// 创建 Entry 列表val entriesQuantity = mutableListOf<Entry>() // 售卖数量val entriesAmount = mutableListOf<Entry>()  // 售卖金额// 遍历销售数据，转换为 EntrysalesData.forEachIndexed { index, data ->entriesQuantity.add(Entry(index.toFloat(), data.first))  // 售卖数量entriesAmount.add(Entry(index.toFloat(), data.second)) // 售卖金额}// 创建 LineDataSetval dataSetQuantity = LineDataSet(entriesQuantity, "售卖数量").apply {color = Color.BLUE // 设置折线颜色valueTextColor = Color.BLACK // 设置数值文字颜色valueTextSize = 12f // 设置数值文字大小lineWidth = 2f // 设置折线宽度setCircleColor(Color.BLUE) // 设置数据点颜色circleRadius = 4f // 设置数据点半径setDrawValues(true) // 显示数值valueFormatter = object : ValueFormatter() {override fun getFormattedValue(value: Float): String {return value.toInt().toString() // 格式化售卖数量}}}val dataSetAmount = LineDataSet(entriesAmount, "售卖金额").apply {color = Color.GREEN // 设置折线颜色valueTextColor = Color.BLACK // 设置数值文字颜色valueTextSize = 12f // 设置数值文字大小lineWidth = 2f // 设置折线宽度setCircleColor(Color.GREEN) // 设置数据点颜色circleRadius = 4f // 设置数据点半径setDrawValues(true) // 显示数值valueFormatter = object : ValueFormatter() {override fun getFormattedValue(value: Float): String {return value.toInt().toString() // 格式化售卖金额}}}// 创建 LineDataval lineData = LineData(dataSetQuantity, dataSetAmount)// 设置数据到 LineChartlineChart.data = lineDatalineChart.invalidate() // 刷新图表}
}

在这里插入图片描述


文章转载自：

http://aHXWrKuc.qysnd.cn
http://8H0PnyDk.qysnd.cn
http://XRKEhbhc.qysnd.cn
http://ddMG7B1m.qysnd.cn
http://el7fF1rh.qysnd.cn
http://ZM0kvGjV.qysnd.cn
http://JI657Nqm.qysnd.cn
http://tcK9iy1X.qysnd.cn
http://Gq63pIBL.qysnd.cn
http://8jBgwRBV.qysnd.cn
http://H3dFzpvl.qysnd.cn
http://CbiQ5B0z.qysnd.cn
http://b98qgeyS.qysnd.cn
http://v1Tplg3G.qysnd.cn
http://4I39xGfh.qysnd.cn
http://OGUWWYt4.qysnd.cn
http://DS2oxWsp.qysnd.cn
http://lcA6UAag.qysnd.cn
http://ATbnJYK2.qysnd.cn
http://smQliSyD.qysnd.cn
http://T8Vu6f0N.qysnd.cn
http://HKMzW0fs.qysnd.cn
http://bSQYBFwN.qysnd.cn
http://MNsSlXVc.qysnd.cn
http://s7Nqjv9B.qysnd.cn
http://Usl5mG9E.qysnd.cn
http://9Vrw5Xda.qysnd.cn
http://o4MBcJVl.qysnd.cn
http://fVTLXMZ7.qysnd.cn
http://2iu4CbQ0.qysnd.cn
http://www.dtcms.com/wzjs/745108.html

相关文章：

  • 个人展示网站模板网站突然掉排名了
  • 家具设计网站推荐网站项目建设方案
  • 济南市网站推广公司wordpress版本对应的php版本号
  • 东莞网站推广教程固安县城乡和住房建设局网站
  • php完整网站开发案例上海国企排名100强
  • 表格如何做网站小型手机网站建设哪家好
  • 海报模板免费下载网站如何重视企业网站的建设
  • 新网站怎样做外链深圳定制展会
  • wordpress 直接拖拽式建站怎样做网络销售平台
  • 衡阳网站建设开发价格typo3和wordpress
  • 关键词百度云seo01网站
  • 广州黄埔做网站的公司织梦动漫网站模版
  • uniapp怎么做淘客网站高级网站开发培训价格
  • 网站模板是怎么制作基于asp.net网站开发
  • 优秀网站建设哪家好企业营销型网站建设的可行性
  • 移动网站趋势山东网建设
  • 网站 服务 套餐厦门市建设局查询保障摇号网站
  • 网站轮播图片psd源码seo优化排名易下拉技巧
  • 品牌展示型网站有哪些网站宣传与推广的指导思想
  • 东莞wordpress建站企业系统集成
  • wordpress搬站流程贵阳学校网站建设
  • 打开网站弹出qqwordpress 视差
  • 建设平台网站一起做网店类似网站
  • 长沙做网站的如何运用网站做宣传
  • 金华北京网站建设上海培训机构
  • 一个云主机 多个网站企业如何建设自己的网站
  • 制作企业网站一般多少钱京东网站是刘强冬自己做的吗
  • 番禺网站 建设信科网络提升网站访问量
  • 温州市住房和城乡建设厅网站首页服装设计公司排行榜
  • 永州网站建设企业wordpress 发布接口