我试图同时呈现一个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
,该数字不指向列,它是一个序列的索引。
发生了什么:默认serieType
是candlesticks
,因此第一个序列(索引:0
)将自动为“烛台”类型...一个烛台图表需要4个数据列
设置series.4
时,API将自动创建series.0
,series.1
,series.2
和series.3
...。所有这些都将是candlesticks
让我们将数据列视为一堆数据。
API创建系列:serie.0
...将是candlesticks
,需要4个数据列,前4个数据列将从堆栈中删除serie.1
...也candlesticks
,需要4个数据列,但是堆栈上只剩下1个数据列(缺少3个。...这就是错误的含义)