如何用数字标记我的条形图?

时间:2011-02-19 00:22:50

标签: jquery-plugins google-api google-visualization gchart

我正在使用gchart,我正在尝试使用标记来标记带有数字的条形码。因此,任何一个酒吧都有一个数字值。

我试过

markers: [$.gchart.marker('number', 'red', -1)]
markers: [$.gchart.marker('number', 'red', -1, -1)]
markers: [$.gchart.marker('number', 'red', -1, 'every')]
markers: [$.gchart.marker('number', 'red', -1, 'every1')] 

我只能让它出现在一个栏上。我想让它出现在每个酒吧。

我做错了什么?

看到第一个没有标签。

https://chart.apis.google.com/chart?chs=400x500&cht=bvg&chd=t:55|47&chco=FDFF0F,1FEEFF&chm=N,ff0000,-1,-1,10,0&chdl=test2|test1&chdlp=b|l&chxt=x,y&chxl=0:|atest

 $('#id').gchart({
                        type: 'barVertGrouped',
                        markers: [$.gchart.marker('number', 'red',-1)],
                        height: 500,
                        width: 400,
                        series: data, // xml data from server.
                        legend: 'bottom',
                        extension: { chxt: 'x,y', chxl: '0:|atest' }
                    });

1 个答案:

答案 0 :(得分:1)

对于非堆叠条形图,您需要为每个系列添加标记:

$('#id').gchart({
    type: 'barVertGrouped',
    markers: [
        $.gchart.marker('number', 'red',0),
        $.gchart.marker('number', 'blue',1)
    ],
    height: 500,
    width: 400,
    series: [
        $.gchart.series('test1', [47], 'blue'),
        $.gchart.series('test2', [60], 'red')
    ],
    legend: 'bottom',
    extension: { chxt: 'x,y', chxl: '0:|atest' }
});
相关问题