我试图同时呈现一个CandleStick图表和一个折线图。

这是我失败的示例的JSFiddle:https://jsfiddle.net/7wyp6yy3/1/

这是我的CandleStick图表的JSFiddle:https://jsfiddle.net/7jadqnsb/

我所做的是,在烛台代码之上,添加了默认的seriesType candlesticks,并将第5列分配为一个折线图

        seriesType: 'candlesticks',
        series: {4: {type: 'line'}}


对于我的数据,我只添加了第四列整数:

        ["Mon, Aug 10 2015",2080.98,2080.98,2104.18,2105.35, 500],
        ["Tue, Aug 11 2015",2076.49,2102.66,2084.07,2102.66, 500],
        ["Wed, Aug 12 2015",2052.09,2081.10,2086.05,2089.06, 500],
        ["Thu, Aug 13 2015",2078.26,2086.19,2083.39,2092.93, 500],
        ["Fri, Aug 14 2015",2080.61,2083.15,2091.54,2092.45, 500],
        ["Mon, Aug 17 2015",2079.30,2089.70,2102.44,2102.87, 500],
        ["Tue, Aug 18 2015",2094.14,2101.99,2096.92,2103.47, 500],
        ["Wed, Aug 19 2015",2070.53,2095.69,2079.61,2096.17, 500],
        ["Thu, Aug 20 2015",2035.73,2076.61,2035.73,2076.61, 500],
        ["Fri, Aug 21 2015",1970.89,2034.08,1970.89,2034.08, 500],
        ["Mon, Aug 24 2015",1867.01,1965.15,1893.21,1965.15, 500],
        ["Tue, Aug 25 2015",1867.08,1898.08,1867.61,1948.04, 500],
        ["Wed, Aug 26 2015",1872.75,1872.75,1940.51,1943.09, 500],
        ["Thu, Aug 27 2015",1942.77,1942.77,1987.66,1989.60, 500],


也就是说,我的新代码出现以下错误:

Last domain does not have enough data columns (missing 3)


我尝试将系列索引更改为各种值,但没有骰子。

最佳答案

您必须设置series.1,该数字不指向列,它是一个序列的索引。

发生了什么:默认serieTypecandlesticks,因此第一个序列(索引:0)将自动为“烛台”类型...一个烛台图表需要4个数据列

设置series.4时,API将自动创建series.0series.1series.2series.3...。所有这些都将是candlesticks

让我们将数据列视为一堆数据。

API创建系列:


serie.0
...将是candlesticks,需要4个数据列,前4个数据列将从堆栈中删除
serie.1
...也candlesticks,需要4个数据列,但是堆栈上只剩下1个数据列(缺少3个。...这就是错误的含义)

10-06 12:33
查看更多