การใช้งาน Line Chart จากข้อมูลในภาษา Kotlin แบบง่ายๆ พร้อมตัวอย่าง CODE

ก่อนเริ่มทำความเข้าใจ

Line Chart คืออะไร?

Line Chart เป็นกราฟที่แสดงข้อมูลในรูปแบบของเส้นที่เชื่อมต่อจุดข้อมูลต่างๆ บนแกน x และแกน y โดยทั่วไปใช้แสดงการเปลี่ยนแปลงของข้อมูลในช่วงเวลาหนึ่ง Line Chart มักใช้ในหลากหลายสาขา เช่น การเงิน สถิติ การวิเคราะห์ข้อมูล หรือแม้กระทั่งการแสดงผลกีฬา

Use Case ในโลกจริง

ขั้นตอนการสร้าง Line Chart ใน Kotlin

ขั้นตอนที่ 1: ติดตั้งไลบรารี

ให้เพิ่มไลบรารีในไฟล์ `build.gradle` ของโมดูลของคุณ ดังนี้:

 dependencies {
    implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0'
}

ขั้นตอนที่ 2: สร้าง Layout สำหรับกิจกรรม

สร้าง XML layout สำหรับแสดง Line Chart (เช่น `activity_main.xml`)

 <LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <com.github.mikephil.charting.charts.LineChart
        android:id="@+id/lineChart"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</LinearLayout>

ขั้นตอนที่ 3: เขียนโค้ดในกิจกรรมหลัก

ในไฟล์ `MainActivity.kt` ให้เพิ่มโค้ดต่อไปนี้เพื่อตั้งค่าและแสดงผล Line Chart

 import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import com.github.mikephil.charting.charts.LineChart
import com.github.mikephil.charting.data.Entry
import com.github.mikephil.charting.data.LineData
import com.github.mikephil.charting.data.LineDataSet

class MainActivity : AppCompatActivity() {

    private lateinit var lineChart: LineChart

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        lineChart = findViewById(R.id.lineChart)

        // ข้อมูลตัวอย่าง
        val dataValues = ArrayList<Entry>()
        dataValues.add(Entry(1f, 2f))
        dataValues.add(Entry(2f, 5f))
        dataValues.add(Entry(3f, 3f))
        dataValues.add(Entry(4f, 7f))
        dataValues.add(Entry(5f, 4f))
        dataValues.add(Entry(6f, 8f))

        // สร้าง LineDataSet
        val lineDataSet = LineDataSet(dataValues, "ตัวอย่างข้อมูล")
        lineDataSet.color = android.graphics.Color.BLUE
        lineDataSet.valueTextColor = android.graphics.Color.BLACK

        // สร้าง LineData
        val lineData = LineData(lineDataSet)

        // ตั้งค่าข้อมูลให้กับ LineChart
        lineChart.data = lineData
        lineChart.invalidate() // refresh
    }
}

อธิบายโค้ด

การพัฒนาทักษะการเขียนโปรแกรมการแสดงผลกราฟ

การเรียนรู้ที่ EPT จะทำให้คุณได้ทั้งความรู้และประสบการณ์ ไม่ว่าจะเป็นการวิเคราะห์ข้อมูล การแสดงผลข้อมูลแบบกราฟฟิก โดยทีมงานมืออาชีพคอยสนับสนุน

สรุป

การสร้าง Line Chart ใน Kotlin ไม่ใช่เรื่องยากเมื่อใช้ไลบรารีที่มีให้เลือกมากมาย แค่ไม่กี่ขั้นตอน ก็สามารถสร้างกราฟที่มีประโยชน์สำหรับการวิเคราะห์ข้อมูลได้ นอกจากนี้ เราหวังว่าบทความนี้จะช่วยให้คุณมีมุมมองที่กว้างขึ้นเกี่ยวกับการใช้ Line Chart ในการทำงานในชีวิตจริง

หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง