Highcharts/Highstock : เลื่อนกราฟอัตโนมัติด้วย overflow-x แทนการใช้แถบเลื่อน

ต้องตั้งค่าขั้นต่ำให้แสดงเพียง 6 แท่ง การเปิดใช้งานแถบเลื่อนจะทำให้ฉันมีแถบเลื่อน แต่ฉันต้องการให้เลื่อนอัตโนมัติบนกราฟด้วย overflow-x: scroll หากไม่มีแถบเลื่อน ฉันจะทำให้การเลื่อนทำงานด้วยการปัดบนกราฟในอุปกรณ์มือถือได้หรือไม่

ใครก็ได้โปรดช่วยฉันในเรื่องนี้ด้วย

Please find jsfiddle for your reference. http://jsfiddle.net/2obuvn1e/1/

ความช่วยเหลือใด ๆ ที่ได้รับความนิยมอย่างสูง

ขอบคุณและขอแสดงความนับถือ

รูธ


css highcharts highstock
person user1328178    schedule 08.12.2016    source แหล่งที่มา
comment
วางคอนเทนเนอร์ใน div wrapper ด้วยคุณสมบัติการเลื่อน overflow-x jsfiddle.net/2obuvn1e/3   -  person morganfree    schedule 08.12.2016
comment
สวัสดี morganfree กำลังมองหาฟังก์ชันการเลื่อนแบบเดียวกับที่ highstock มอบให้ ไม่ใช่ในฐานะแถบเลื่อน แต่อยู่บนกราฟ ขอบคุณ.   -  person user1328178    schedule 09.12.2016

คำตอบ (1)


arrow_upward
0
arrow_downward

คุณสามารถใช้ฟังก์ชันเดียวกันนี้โดยไม่ต้องใช้แถบเลื่อนได้ด้วย Chart.panning

chart: {
        type: 'column',
        marginLeft: 150,
        panning: true
    },

ตัวอย่าง: http://jsfiddle.net/2obuvn1e/4/

ตัวเลือกเพิ่มเติมที่คุณควรพิจารณาคือ Chart.panKey และสำหรับอุปกรณ์เคลื่อนที่ followTouchMove

person morganfree    schedule 09.12.2016