Question

我认为新添加的系列不应该影响旧系列，但是当我尝试添加带有自定义标记的散布系列时，将在新点之间的烛台之间创建空白空间。我知道xAxis上的set ordinal选项为false会避免它，但问题是烛台的某些数据点可能会丢失，从而在烛台系列上产生间隙。因此，我想要的是散射系列不会改变烛台系列的外观。

这是我传给highstock系列的选项：

    series : [{
            type : 'candlestick',
            name : 'AAPL Stock Price',
            data : data,
            dataGrouping : {
                units : [
                    ['week', // unit name
                    [1] // allowed multiples
                ], [
                    'month', 
                    [1, 2, 3, 4, 6]]
                ]
            }
        }, {
            type: "scatter",
            data: [{
                    x: 1362407640000, 
                    y: 460,
                marker: {
                    symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)'
                }
                    }],

        }]

总之，我只是想在创建分散系列时摆脱烛台系列上的空白区域。

这是小提琴http://jsfiddle.net/vRDNZ/。谢谢你的帮助！

Answer 1

一般来说，这正是顺序轴应该如何工作的。有一个简单的解决方法，使用第二个xAxis，它链接到第一个，并将散点系列连接到该轴。示例：http://jsbin.com/oyudan/267/

        xAxis: [{
            opposite: false
        }, {
            linkedTo: 0,
            offset: 0,
            labels: {
                enabled: false
            }
        }],
        series : [{
            type : 'candlestick',
            name : 'AAPL Stock Price',
            data : data,
            dataGrouping : {
                units : [
                    ['week', // unit name
                    [1] // allowed multiples
                ], [
                    'month', 
                    [1, 2, 3, 4, 6]]
                ]
            }
        }, {
            type: "scatter",
            xAxis: 1,
            data: [{
                    x: 1362407640000, 
                    y: 460,
                marker: {
                    symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)'
                }
                    }],

        }]

将散点图系列添加到烛台图表时如何避免空格？

1 个答案: