第一个点上的高档标志不会被渲染

时间:2014-08-25 14:05:40

标签: javascript highstock

我正在使用HIghstock而我正在尝试在系列中定义的第一个点中放置一个标志,但它没有被渲染。其他地方正在发挥作用。

有关所有信息,请参阅this jsfiddle

在示例中,我编写了4个标志,一个在第一个和第二个元素上,另外两个用于相同的元素但在轴中,如下所示:

        series: [{
            name: 'USD to EUR',
            data: data.slice(0,20),
            id: 'dataseries',
            tooltip: {
                valueDecimals: 4
            }
        }, {
            type: 'flags',
            name: 'Flags on series',
            data: [{
                x: Date.UTC(2003, 8, 24),
                title: 'On first element'
            }, {
                x: Date.UTC(2003, 8, 25),
                title: 'On second element'
            }],
            onSeries: 'dataseries',
            shape: 'squarepin'
        }, {
            type: 'flags',
            name: 'Flags on axis',
            data: [{
                x: Date.UTC(2003, 8, 24),
                title: 'On first element and axis'
            }, {
                x: Date.UTC(2003, 8, 25),
                title: 'On second element and axis'
            }],
            shape: 'squarepin'
        }]

我做错了吗?这是一个错误吗?

提前致谢! :)

编辑:

不使用Date.UTC here

的相同示例

2 个答案:

答案 0 :(得分:0)

旗帜没有显示是因为它无法获得正确的数据。 (看起来有一些解析问题in source data

如果您将x: Date.UTC(2003, 8, 24)更改为其他内容,则会正常运行。

see fiddle

答案 1 :(得分:0)

当“点在边界上”时,不打印标志。检查示例:http://jsfiddle.net/t3j2anLk/2/并尝试滚动,直到中心点位于左边缘。国旗将消失。

xAxis:{
        minRange:3600 * 1000
    },