javascript - "Last domain does not have enough data columns"为 Google Charts 组合烛台图和折线图

标签 javascript css google-visualization

我正在尝试同时呈现 CandleStick 图表和折线图。

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

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

我所做的是,在我的 Candlestick 代码之上,我添加了 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)将自动为“candlesticks”类型。 ..烛台图需要 4 个数据列

当您设置 series.4 时,API 将自动创建 series.0series.1series.2series.3 ....它们都是 烛台

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

API 创建系列:

  1. serie.0
    ...将是 candlesticks ,需要 4 个数据列,前 4 个数据列将从堆栈中删除
  2. serie.1
    ...也是 烛台,需要 4 个数据列,但堆栈中只剩下 1 个数据列(3 丢失....这就是错误所在手段)

关于javascript - "Last domain does not have enough data columns"为 Google Charts 组合烛台图和折线图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32421374/

相关文章:

javascript - 如何从 Google Earth Engine 下载特定多边形的哨兵 1

javascript - 网站上的谷歌广告溢出到米色背景

css - h2 h4 标题图形需要在图像上放置阴影

javascript - 绑定(bind)到特定的 CSS 转换

javascript - 阶梯区域谷歌图表错误的可视化

javascript - 是否有与 Python 的 in 条件运算符等效的 Javascript?

javascript - $.get 不是 window.function 定义中的函数

javascript - JSON 结果从 address_components 获取国家

javascript - 如何在 Google Chart Tools 中连接两点 - 散点图

javascript - Google 图表 - 标签未显示