Highstock的垂直滚动条还是可以换标志?

时间:2016-02-23 03:48:24

标签: javascript highcharts highstock

我正在使用Highstock制作时间轴的自定义版本。我在时间线上使用标志来保存每周的数据(见截图)。但是,如果一周内有超过4个标志,我就会遇到问题。垂直轴不会滚动,因此额外的标记(一周内大于4的任何标记)都会被切断。

有没有办法在Highcharts容器中为这些标志创建垂直滚动?

如果没有,我想做以下事情:

  • 如果同一周内有超过4个标记,请添加“更多”链接 高于第四旗。
  • 在“更多”点击事件中,在下一列(该周加一天)中显示该周的下四个标志。
  • 然后将缩放视图设置为2周(所以有 要显示额外标志的空间。)

  • X = weekEndingDate(< = 4 flags)

  • XplusOne = X(同一周结束日期) 加一天

https://jsfiddle.net/SkiWether/xtefxoh5/

Highstock timeline using flags

$.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>'
        });

    });

});

0 个答案:

没有答案