Masino Sinaga

Web Development and PHPMaker

Anda di sini: Beranda / PHPMaker / Begini Bedanya Menyembunyikan Data Label di Chart pada PHPMaker 2022 dan 2021
Ini Dia Perubahan pada Masino Extensions Sampai Dengan PHPMaker 2022.10
Project Stock Inventory untuk PHPMaker 2022 Sekarang Sudah Bisa Didownload

Begini Bedanya Menyembunyikan Data Label di Chart pada PHPMaker 2022 dan 2021

Ming, 19 Desember 2021 oleh Masino Sinaga 12 Komentar

Buat yang sudah pernah menyembunyikan Data Label di Chart pada PHPMaker 2021, seperti yang sudah dibahas pada artikel Seperti Ini Mudahnya Menyembunyikan Data Label di Chart dari PHPMaker 2021, maka hal itu tidak berlaku lagi pada PHPMaker 2022.

Sejak versi 2022, PHPMaker menambahkan kemampuan untuk dapat mengkostumisasi tampilan pada Chart dengan menggunakan kode Javascript. Itu artinya, PHPMaker sudah duluan menambahkan kode untuk membuat Chart pada file views/layout.php. Untuk membuktikannya, Anda akan menemukan kode berikut di file tersebut:

// Create chart
ew.createChart = function (args) {
    loadjs.ready(["head", "chart"], function () {
    ...
};

Sengaja saya potong kode di atas dengan menggantinya dengan karakter tiga titik (…), karena panjangnya kode untuk membuat Chart tersebut.

Sekarang mari kita tinggalkan kode di atas. Kode itu sekedar informasi saja, untuk mengetahui bahwa seperti itulah perubahan yang terjadi di PHPMaker 2022 untuk menampilkan Chart di halaman Report yang dihasilkan oleh PHPMaker.

Seperti yang sudah diuraikan pada bagian awal artikel ini, kita sebagai Web Developer dapat mengubah tampilan Chart dengan menggunakan kode Javascript pada bagian Client Script.

Termasuk untuk menyembunyikan Data Label di Chart, maka kita cukup menambahkan kode Javascript berikut di bagian Client Script (ingat, bukan Startup Script, lho ya, tapi di bagian Client Script!):

    // this will remove/hide datalabels from the chart
    // change "report_history_chart_history" to the id of your chart
    ew.charts["report_history_chart_history"] = { 
        plugins: [ChartDataLabels],
        options: {
            plugins: {
                datalabels: false
            }
        }
    };

Pastikan untuk menyesuaikan ID dari Chart pada halaman Report yang kita inginkan. Dalam contoh di atas, ID Chart yang kita gunakan adalah report_history_chart_history.

Perhatikanlah kode di atas. Kita cukup menggunakan plugin [ChartDataLabels] untuk mengeset opsi datalabels dengan nilai false, supaya Data Label tidak ditampilkan di Chart.

Hanya dengan beberapa baris kode itu saja, kita sudah dapat menyembunyikan Data Labels pada Chart pada PHPMaker 2022. Jadi, kita tidak lagi menggunakan server event Chart_Rendered seperti yang dulu kita terapkan pada PHPMaker 2021.

Ditempatkan di bawah: PHPMaker Ditag dengan:Belajar PHPMaker, Chart, Client Script, Client Scripts, PHPMaker 2022, PHPMaker Indonesia, Reports, Tutorial PHPMaker

Masino Sinaga

Web Developer pengguna PHPMaker untuk membangun Aplikasi Web sejak tahun 2004. Sampai sekarang masih aktif dan rajin membagikan pengalamannya menggunakan PHPMaker melalui situs masinosinaga.com dan ilovephpmaker.com.

Ini Dia Perubahan pada Masino Extensions Sampai Dengan PHPMaker 2022.10
Project Stock Inventory untuk PHPMaker 2022 Sekarang Sudah Bisa Didownload

Komentar

  1. Anton mengatakan

    Ming, 2 Januari 2022 pada 9:27 pm

    Perkenalkan saya anton

    Saya membaca artikel bang masino sinaga dan saya tertarik dengan PHP Maker…
    saya bermaksud untuk mau membeli PHP Maker..
    mungkin saya dapat dipandu sama bang masino sinaga?

    Balas
    • Masino Sinaga mengatakan

      Sen, 3 Januari 2022 pada 7:37 am

      Hai Anton, terima kasih sudah tertarik dengan PHPMaker.

      Silahkan baca artikel Mau Beli PHPMaker? Hubungi Saya sebagai Reseller PHPMaker di Indonesia! untuk info dan cara membeli PHPMaker jika Anda ingin membeli PHPMaker lewat saya.

      Balas
  2. Pandanwangiii mengatakan

    Rab, 5 Januari 2022 pada 2:48 am

    Selamat malam, Pak. Mau ada yang saya tanyain lagi pak perihal input data di detail table.

    Saya mempunyai relasi table, data_project (Master table) dan data_project_detail (Detail Table). Pada Detail table, saya mempunyai field yang bernama is_aktif (Enum, ‘Y’, ‘N’). Nilai Default is_aktif = N.

    Saat tombol tambah data (master/detail add) diklik, saya menampilkan semua data (Populate Data).

    Ini kode buat populate detail tablenya.

    function Page_Load()
    {
        $this->GridAddRowCount = ExecuteScalar("SELECT COUNT(*) FROM data_sub_kategori");
    }
    

    Row_rendering:

    // Row Rendering event
    function Row_Rendering()
    {
        $hari_ini = date("Y/m/d");
        $tgl_pertama = date('Y/m/01', strtotime($hari_ini));	
        $this->tanggal_pemeriksaan->CurrentValue = $tgl_pertama;
        if ($this->PageID == "grid") {
            $grid_count = $this->GridAddRowCount;
            $grid_num = $this->RowCount;
            if (isset($this->RowIndex)) {
    	    $grid_num = $this->RowIndex;
    	    if (($grid_count >= $grid_num) && is_int($grid_num) && ($grid_num >= 1)){
                    $offseter = $grid_num - 1;
                    $elobj=ExecuteRow("SELECT kategori_id, id_sub_kategori FROM data_sub_kategori limit 1 OFFSET $offseter ");
                    $this->kategori_id->CurrentValue =$elobj["kategori_id"];
                    $this->sub_kategori_id->CurrentValue =$elobj["id_sub_kategori"];
                }
            }
        }	
    }
    

    Data yang ditampilkan saat diload buat sekarang ada 65 baris data, kemungkinan bakal bertambah lagi.

    Pada saat pengisian detail table, user bisa memilih modul (is_aktif) mana saja yang aktif, nah yang mau saya tanyakan adalah;

    Bagaimana caranya data yang dimasukan ke detail table hanya yg berstatus is_aktif = Y? Karena sekarang yg masuk ke data_project_detail semua data yg dipopulate atau 65 baris data tersebut dan untuk menampilkan data yg aktif saja saya menggunakan recordset_selecting.

    Terima kasih sebelumnya, Pak.

    Balas
    • Masino Sinaga mengatakan

      Rab, 5 Januari 2022 pada 7:17 am

      Biarkan dulu data tersimpan ke table detail, lalu setelah proses simpan selesai, maka hapus data di table detail tadi yang nilai is_aktif-nya = N dari server event Row_Inserted milik table master-nya.

      Balas
      • Pandanwangiii mengatakan

        Kam, 6 Januari 2022 pada 3:37 am

        Terima kasih, Pak. Sudah Berhasil.

        Ada pertanyaan lagi nih, pak.

        1. Bagaimana caranya agar field lampiran bisa didownload? Soalnya kalo di summary report field lampiran hanya menghasilkan plain text pak.

        2. Kenapa tiap saya mau login di hkvforum selalu ada error “The submitted form was invalid. Try submitting again.”?

        Balas
        • Masino Sinaga mengatakan

          Kam, 6 Januari 2022 pada 9:13 am

          1. Untuk summary report, Anda bisa menggunakan server event Cell_Rendered.

          2. Iya, saya juga mengalami. Biasanya harus login berturut-turut sebanyak 2 kali, baru berhasil masuk ke forum-nya.

          Balas
  3. ayyash mengatakan

    Kam, 13 Januari 2022 pada 9:16 pm

    selamat siang mas, mau tanya bagaiman membuat web service di phpmaker seperti pembayaran belanja online dari mobile atau atm pembayarannya di sistem langsung ikut berubah seperti shopee,tokopedia

    Balas
    • Masino Sinaga mengatakan

      Sen, 17 Januari 2022 pada 2:08 pm

      PHPMaker tidak memiliki fitur yang namanya web service.

      Balas
  4. Pandanwangiii mengatakan

    Sab, 22 Januari 2022 pada 1:00 pm

    Selamat siang, Pak.
    Bagaimana caranya mendisable menu navigasi sampai si user mengisi data absensi?
    Contoh kasus;
    Pada hari ini, user A login, semua menu navigasi disable sampai si User A mengisi data absensi terlebih dahulu.
    Menu Navigasi (Navbar Item):
    – Dashboard
    – Data Master -> Data Project, Data Progress.
    – Laporan -> Laporan Project, Laporan Progress, dll.

    Server Event apa yang bisa saya pakai untuk bisa melakukan disable navbar item, Pak? Terima kasih.

    Balas
    • Masino Sinaga mengatakan

      Ming, 23 Januari 2022 pada 8:23 pm

      Pakai server event MenuItem_Adding.

      Balas
      • Pandanwangiii mengatakan

        Sen, 24 Januari 2022 pada 5:54 am

        Sudah berhasil. Terimakasih banyak, Pak. Sehat-sehat selalu, Pak.

        Balas
        • Masino Sinaga mengatakan

          Sen, 24 Januari 2022 pada 3:02 pm

          Sama-sama.

          Balas

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.

Pos-pos Terbaru

  • Mudahnya Menyembunyikan Tombol Master/Detail di Halaman View pada PHPMaker 2023
  • Menampilkan atau Menyembunyikan Field Berdasarkan Data di Field Lain pada PHPMaker 2023
  • File-File Apa Saja yang Harus Digenerate Setiap Kali Menambah Table Baru di PHPMaker 2023?
  • Begini Cara Mengganti Pesan Standar Error Duplicate Key di PHPMaker 2023
  • Mudahnya Menterjemahkan Field User Values di PHPMaker 2023

Menu

  • Siapa Saya?
  • Web Development
  • PHPMaker
  • Umum
  • Syarat dan Ketentuan
  • Sitemap (Peta Situs)
  • Komentar

Komentar Terbaru

  • Masino Sinaga pada Menampilkan atau Menyembunyikan Field Berdasarkan Data di Field Lain pada PHPMaker 2023
  • Masino Sinaga pada Membuat Kode Otomatis Saat Data Ditambah di Aplikasi Web dari PHPMaker
  • Kupang pada Menampilkan atau Menyembunyikan Field Berdasarkan Data di Field Lain pada PHPMaker 2023
  • Murniyati pada Membuat Kode Otomatis Saat Data Ditambah di Aplikasi Web dari PHPMaker
  • Masino Sinaga pada Membuat Kode Otomatis Saat Data Ditambah di Aplikasi Web dari PHPMaker

Situs Terkait

  1. I Love PHPMaker
  2. Situs Resmi PHPMaker
  3. Forum Diskusi PHPMaker
  4. PHPMaker di IlmuKomputer.com
  5. PHPMaker Learning

Baru di PHPMaker?

Baca ini terlebih dulu ...

  1. Ayo Menjadi Web Developer yang Cerdas!
  2. PHPMaker: PHP Code Generator + PHP Framework
  3. Pertanyaan-Pertanyaan yang Paling Sering Diajukan Seputar PHPMaker
  4. Tips buat Anda Pemula yang Baru Mengenal dan Menggunakan PHPMaker
  5. Bacalah Help, Bacalah Help, dan Bacalah Help di PHPMaker!

(c) Masino Sinaga 2009 - 2021 | WordPress | Catat masuk | Kembali ke atas