จะขยายค่าบรรทัดพล็อตนอกพื้นที่สีเทาหรือนอกแผนภูมิใน Highchart ได้อย่างไร

วิธีขยายเค้าร่างพร้อมกับค่านอกพื้นหลังสีเทาหรือนอกพื้นที่แผนภูมิโดยใช้ Highchart การสาธิต : https://jsfiddle.net/mncfy80p/

ต้องการปรับแต่งแผนภูมิเหมือนภาพด้านล่าง https://i.stack.imgur.com/xbHGh.pngenter code here


javascript highcharts
person debug mode    schedule 28.03.2020    source แหล่งที่มา

คำตอบ (1)


arrow_upward
0
arrow_downward

คุณสามารถเพิ่มพื้นที่ครอบครองโดย xAxis และใช้ plotBands แทนคุณสมบัติ plotBackgroundColor

xAxis: {
    labels: {
        enabled: false
    },
    lineWidth: 0,
    tickLength: 0,
    max: 3,
    plotBands: [{
        color: "#D3D3D3",
        from: -1,
        to: 2.5
    }]
}

การสาธิตสด: https://jsfiddle.net/BlackLabel/7jcqek36/

การอ้างอิง API: https://api.highcharts.com/highcharts/xAxis.plotBands

person ppotaczek    schedule 29.03.2020