向烛台图表添加散点系列时如何避免空格？答案

【问题标题】：How to avoid empty spaces when adding scatter series to candlestick chart?向烛台图表添加散点系列时如何避免空格？
【发布时间】：2013-10-23 14:33:39
【问题描述】：

我认为新添加的系列不应该影响旧系列，但是当我尝试添加带有自定义标记的散点系列时，将在新点所在的烛台之间创建空白空间。我知道将 xAxis 上的序数选项设置为 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/。感谢您的帮助！

【问题讨论】：

标签： highcharts highstock

【解决方案1】：

一般来说，这正是序数轴的工作方式。有一个简单的解决方法，使用第二个 xAxis，它链接到第一个，并将 scatter 系列连接到该轴。示例：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)'
                }
                    }],

        }]

【讨论】：

非常感谢！它就像一个魅力。我还将 tickWidth 设置为 0 以完全隐藏轴。