Jquery 使用谷歌图表中的组合图从烛台系列中获取边界框

我刚刚开始使用谷歌图表，它太棒了。不幸的是（令人惊讶的是）它的剧目中没有方框图，所以我决定通过在烛台图表的顶部添加一条线来模拟它（我将烛台用作组合图表的一系列，因为我还需要在同一个图表中添加一个折线图）

令人沮丧的是，我尝试使用

getBoundingBox（id）

方法获取烛台图中每个框的属性，但我不知道如何指定

id

说

id

的格式尚未记录（它们是 )，[…]

但我找不到任何迹象表明事件处理程序的输出可能是怎样的

如何指定

id

，以便返回烛台图表的单个框

// relevant part of the code
function drawChart() 
{
    var data = new google.visualization.arrayToDataTable([
        // data here
        ], true);

    var options = {
        vAxes: {
            0: {},
            1: {}, 
        },
        series: { 
            0: {
                type: "candlesticks", 
                targetAxisIndex: 0,
            },
            1: {
                type: "line",
                targetAxisIndex: 1,
            }
        }
    };

    var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));

    google.visualization.events.addListener(chart, 'ready', function()
    {
        var layout = chart.getChartLayoutInterface();
        var cries_in_the_corner = layout.getBoundingBox( /* useless attempt of id */ );

        console.log(cries_in_the_corner); // always 'null'
    });

    chart.draw(data, options);
}

---

您可以使用图表的

单击
事件来查找
'id'

但它看起来和这个很相似

烛台#0#0'

其中第一个
0
是序列号，第二个
0
是行号

请参阅下面的工作片段，单击的图表元素的属性将显示在控制台中


google.charts.load（'current'{
回调：图纸，
软件包：['corechart']
});
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘来吧’、20、28、38、45]，
[Tue'，31,38,55,66]，
[Wed'，50,55,77,80]，
[Thu'，77,77,66,50]，
[周五，68，66，22，15]
]，对）；
var chart=new google.visualization.ChartWrapper({
图表类型：'CandlestickChart'，
集装箱船：“海图分区”，
数据表：数据
});
google.visualization.events.addOneTimeListener（图表'ready'，函数（）{
google.visualization.events.addListener（chart.getChart（），“单击”，函数（单击）{
log（JSON.stringify（单击））；
});
});
$（窗口）。调整大小（函数（）{
chart.draw（）；
});
chart.draw（）；
}
您可以使用图表的
单击事件来查找
'id'

但它看起来和这个很相似

烛台#0#0'

其中第一个
0
是序列号，第二个
0
是行号

请参阅下面的工作片段，单击的图表元素的属性将显示在控制台中


google.charts.load（'current'{
回调：图纸，
软件包：['corechart']
});
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘来吧’、20、28、38、45]，
[Tue'，31,38,55,66]，
[Wed'，50,55,77,80]，
[Thu'，77,77,66,50]，
[周五，68，66，22，15]
]，对）；
var chart=new google.visualization.ChartWrapper({
图表类型：'CandlestickChart'，
集装箱船：“海图分区”，
数据表：数据
});
google.visualization.events.addOneTimeListener（图表'ready'，函数（）{
google.visualization.events.addListener（chart.getChart（），“单击”，函数（单击）{
log（JSON.stringify（单击））；
});
});
$（窗口）。调整大小（函数（）{
chart.draw（）；
});
chart.draw（）；
}