谷歌图表时代金字塔标签对齐问题

时间:2015-01-30 08:45:50

标签: jquery charts google-visualization

同事们,我在使用谷歌条形图对齐标签时遇到问题。

enter image description here

我想在女性的最左侧位置标注文字/图形(如男性的数字)。任何人都可以协助吗?

这是代码。

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(chart);

    function chart()
    {
        //var data = new google.visualization.DataTable();

        var dataArray = [
            ['Age', 'Male', {role: 'annotation'}, 'Female', {role: 'annotation'}],
            ['0-4 years', 11, 11, -6, 6],['5-11 years', 12, 12, -13, 13],['12-17 years', 15, 15, -4, 4],['18-59 years', 11, 11, -20, 20],['60+ years', 6, 6, -3, 3]            ];

        var data = google.visualization.arrayToDataTable(dataArray);

        var chart = new google.visualization.BarChart(document.getElementById('age_pyramid_cw'));

        var options = {
            title: '',
            titleTextStyle: {color: 'blue', fontSize: 16, align: 'center', bold: true},
            colors: ['#FFCCCC', '#DC3912'],
            chartArea: { backgroundColor: 'white', height: '70%', top: '10%' },
            isStacked: true,
            legend: { position: 'bottom', maxLines: 3 },
            hAxis: {
                textPosition: 'none',
                format: ';',
                title: ''
            },
            vAxis: {
                direction: 1,
                title: ''
            }
        }; 

        var formatter = new google.visualization.NumberFormat({
            pattern: ';'
        });

        formatter.format(data, 2)

        chart.draw(data, options);
    }

</script>
<div id="age_pyramid_cw" style="width: 95%; height: 250px;"></div>  

0 个答案:

没有答案