84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
這是一個範例圖表的小提琴,基於此處的 highcharts 文件上的滾動條教程:https://jsfiddle.net/zao68u2k/1/ 我對預設演示所做的唯一更改是透過以下方式刪除蒙版:
scrollablePlotArea: { opacity: 1, }
既然遮罩消失了,滾動條佔據圖表的整個寬度就沒有意義了。我想縮短滾動條,使其只是繪圖本身的寬度,而不包括軸,正如我在圖片中模擬的那樣。這可能嗎?
在這種情況下,您應該使用 xAxis.scrollbar 屬性以及 xAxis.min 和 xAxis,而不是 chart.scrollablePlotArea。最大:
xAxis.scrollbar
xAxis.min
xAxis,而不是 chart.scrollablePlotArea。最大
chart.scrollablePlotArea
xAxis: { min: Date.UTC(2023, 6, 1), max: Date.UTC(2023, 6, 1, 3), scrollbar: { enabled: true } }
但是,這是 Stock 提供的功能,因此需要擁有該產品的許可證並在專案中導入相應的庫:
<script src="https://code.highcharts.com/stock/highstock.js"></script>
示範:https://jsfiddle.net/BlackLabel/rvm1s67w/ API:https://api.highcharts.com/highstock/xAxis .滾動條
在這種情況下,您應該使用
xAxis.scrollbar
屬性以及xAxis.min
和xAxis,而不是
:chart.scrollablePlotArea
。最大但是,這是 Stock 提供的功能,因此需要擁有該產品的許可證並在專案中導入相應的庫:
示範:https://jsfiddle.net/BlackLabel/rvm1s67w/
API:https://api.highcharts.com/highstock/xAxis .滾動條