我正在使用Highstock制作时间轴的自定义版本。我在时间线上使用标志来保存每周的数据(见截图)。但是,如果一周内有超过4个标志,我就会遇到问题。垂直轴不会滚动,因此额外的标记(一周内大于4的任何标记)都会被切断。
有没有办法在Highcharts容器中为这些标志创建垂直滚动?
如果没有,我想做以下事情:
然后将缩放视图设置为2周(所以有 要显示额外标志的空间。)
X = weekEndingDate(< = 4 flags)
https://jsfiddle.net/SkiWether/xtefxoh5/
$.each(flagData[0].weekEndingData, function(i, flag) {
var testValueNumber = flag.testValue;
var week = flag.weekEnding.split('/');
var x = Date.UTC(week[2], parseInt(week[0]) - 1, week[1]);
flagSeries.push({
x: x,
fillColor: '#6a7b87',
states: {
hover: {
fillColor: '#6a7b87',
cursor: 'none'
}
},
title: '<div class="flagMiniContainer">Test Value ' + testValueNumber + '</div>'
});
// Return Product Block Image and Date
$.each(flag.productBlocks, function(j, block) {
flagSeries.push({
x: x,
title: '<div class="flagContainer"><div class="innerText"><span>' + block.productBlockName + '</div><span class="innerImage"><img src="' + block.imagePath + '" width="75" height="52"></span></div>'
});
});
});