Carta Tinggi: Jadikan bar skrol hanya meliputi kawasan lukisan

Question

Berikut ialah biola untuk carta sampel, berdasarkan tutorial bar skrol pada dokumentasi highcharts di sini: https://jsfiddle.net/zao68u2k/1/ Satu-satunya perubahan yang saya buat pada demo lalai ialah mengeluarkan topeng melalui:

scrollablePlotArea: {
  opacity: 1,
}

Sekarang topeng telah hilang, tidak masuk akal untuk bar skrol mengambil keseluruhan lebar carta. Saya ingin memendekkan bar skrol supaya ia hanya lebar plot itu sendiri, tanpa memasukkan paksi, seperti yang saya simulasi dalam gambar. adakah mungkin?

Answer 1

Dalam kes ini, anda harus menggunakan xAxis.scrollbar 属性以及 xAxis.min 和 xAxis，而不是 chart.scrollablePlotArea。最大:

xAxis: {
    min: Date.UTC(2023, 6, 1),
    max: Date.UTC(2023, 6, 1, 3),
    scrollbar: {
        enabled: true
    }
}

Walau bagaimanapun, ini adalah ciri yang disediakan oleh Stok, jadi anda perlu mempunyai lesen untuk produk ini dan mengimport perpustakaan yang sepadan dalam projek anda:

<script src="https://code.highcharts.com/stock/highstock.js"></script>

Demo: https://jsfiddle.net/BlackLabel/rvm1s67w/
API: https://api.highcharts.com/highstock/xAxis .Scrollbars