Bagaimana cara membuat diagram garis dihamparkan di atas diagram batang di chartjs

Saya menggunakan garpu leighquince dari chartjs di v1.01-beta.5 karena saya dapat overlay dua grafik.

Saat saya mencoba melapisi diagram garis dan diagram batang, diagram garis berada di bawah diagram batang

Bilah overlay Garis

Sepertinya saya tidak dapat menemukan opsi yang membuat diagram Garis berada di atas diagram batang tetapi overlayBars:true

Bagaimana ini bisa dicapai, apakah saya akan mengedit sumbernya?


javascript charts chart.js
person user1076813    schedule 29.07.2015    source sumber

Jawaban (3)


arrow_upward
5
arrow_downward

Ini akan teratasi jika Anda menggunakan master saat ini (bukan yang diberi tag v1.01-beta.5) - Anda tidak perlu menyetel opsi apa pun.

Biola - http://fiddle.jshell.net/n7jgo7oh/

masukkan deskripsi gambar di sini

person potatopeelings    schedule 29.07.2015
comment
Terima kasih! Saya berhasil melapisi grafik Garis di atas Batang. Sebelumnya saya memiliki masalah dalam mendapatkan sumber/komit garpu yang tepat karena saya menggunakan bower, dan sepertinya saya tidak dapat menyertakan masternya. Tapi saya menanganinya dengan menggunakan instalasi file tunggal bower karena Anda menggunakan rawgit di biola. "Chart.js": "https://rawgit.com/leighquince/Chart.js/master/Chart.min.js" - person user1076813; 30.07.2015
comment
Itu menyenangkan untuk diketahui! Ngomong-ngomong, saya telah menautkan ke tautan versi pengembangan. Anda mungkin perlu menggunakan tautan produksi untuk stabilitas lebih (walaupun Anda hanya menggunakannya saat menjalankan bower). Cukup buka rawgit.com dan tempelkan url GitHub mentah. Bersulang! - person potatopeelings; 30.07.2015
comment
ada biola yang berfungsi? atau perbarui jawaban Anda dengan kode - person proofzy; 13.05.2020

arrow_upward
2
arrow_downward

Anda harus mendeklarasikan diagram garis terlebih dahulu di kumpulan data, lalu diagram batang:

datasets: [
        {
          type: 'line',
          yAxisID: 'y-axis-1',
          fill: false,
          pointRadius: 0,
          label: 'Nota media',
          backgroundColor: '#ed7d31',
          borderColor: '#ed7d31',
          data: [60, 59, 80, 81]
        },
        {
          type: 'bar',
          yAxisID: 'y-axis-0',
          label: 'Observaciones',
          backgroundColor: '#5b9bd5',
          data: [40, 20, 12, 39]
        }
      ],
person Ismael Hompanera    schedule 15.03.2017

arrow_upward
0
arrow_downward

Jika di sumber Anda, Anda mendefinisikan dan menggambar garis sebelum batang, coba balikkan definisi dan gambar: batang terlebih dahulu, lalu garis

person Sabba    schedule 29.07.2015
comment
ya, saya mendeklarasikan data Batang lalu Garis pada definisi kumpulan data, tetapi garis tetap ditampilkan di bawah bilah. - person user1076813; 30.07.2015