ฉันจะทำให้แผนภูมิเส้นซ้อนทับบนแผนภูมิแท่งใน Chartjs ได้อย่างไร

ฉันใช้ leighquince fork ของ chartjs ใน v1.01-beta.5 เพราะฉันสามารถซ้อนทับได้ สองแผนภูมิ

เมื่อฉันพยายามซ้อนทับแผนภูมิเส้นและแผนภูมิแท่ง แผนภูมิเส้นจะอยู่ใต้แผนภูมิแท่ง

แถบซ้อนทับบรรทัด

ฉันไม่พบตัวเลือกที่ทำให้แผนภูมิเส้นอยู่เหนือแผนภูมิแท่ง แต่ overlayBars:true

สิ่งนี้จะเกิดขึ้นได้อย่างไร ฉันจะแก้ไขแหล่งที่มาหรือไม่


person user1076813    schedule 29.07.2015    source แหล่งที่มา


คำตอบ (3)


สิ่งนี้จะได้รับการแก้ไขหากคุณใช้ต้นแบบปัจจุบัน (แทนที่จะใช้ต้นแบบที่ติดแท็ก v1.01-beta.5) - คุณไม่จำเป็นต้องตั้งค่าตัวเลือกใดๆ


ซอ - http://fiddle.jshell.net/n7jgo7oh/


ป้อนคำอธิบายรูปภาพที่นี่

person potatopeelings    schedule 29.07.2015
comment
ขอบคุณ! ฉันจัดการเพื่อซ้อนทับกราฟเส้นเหนือแถบ ก่อนที่ฉันจะมีปัญหาในการรับแหล่งที่มา/การกระทำที่ถูกต้องของทางแยกเนื่องจากฉันใช้ Bower และดูเหมือนจะไม่สามารถรวมต้นแบบได้ แต่ฉันจัดการมันโดยใช้การติดตั้งไฟล์เดียวของ bower เนื่องจากคุณใช้ rawgit บนซอ "Chart.js": "https://rawgit.com/leighquince/Chart.js/master/Chart.min.js" - person user1076813; 30.07.2015
comment
เป็นเรื่องน่ารู้! อย่างไรก็ตาม ฉันลิงก์ไปยังลิงก์เวอร์ชันการพัฒนาแล้ว คุณอาจจำเป็นต้องใช้ลิงค์การผลิตเพื่อความเสถียรที่มากขึ้น (แม้ว่าคุณจะใช้มันเมื่อใช้งานโบเวอร์ก็ตาม) เพียงตรงไปที่ rawgit.com และวาง URL GitHub แบบ Raw ไชโย! - person potatopeelings; 30.07.2015
comment
มีซอทำงานบ้างไหม? หรืออัปเดตคำตอบของคุณด้วยรหัสโปรด - person proofzy; 13.05.2020

คุณต้องประกาศแผนภูมิเส้นก่อนในชุดข้อมูล จากนั้นจึงประกาศแผนภูมิแท่ง:

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

หากในแหล่งที่มาของคุณ คุณกำลังกำหนดและวาดเส้นก่อนแถบ ให้พยายามกลับความหมายและการวาด: แถบก่อนแล้วจึงลากเส้น

person Sabba    schedule 29.07.2015
comment
ใช่ ฉันประกาศข้อมูล Bar แล้วตามด้วย Line บนคำจำกัดความของชุดข้อมูล แต่ยังคงมีการแสดงบรรทัดใต้แถบ - person user1076813; 30.07.2015