0

以下は、ハイチャートを表示するためのコード フィドルです。グラフの種類が列の場合、データラベルは表示されません。「バー」の場合、データラベルが表示されます。

http://jsfiddle.net/LuxRK/embedded/result/

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'bar'
        },
        title: {
            text: 'Historic World Population by Region'
        },
        subtitle: {
            text: 'Source: Wikipedia.org'
        },
        xAxis: {
            categories: ['Nominated', 'Approved','Rejected', 'Pending']

        },
        yAxis: {
            labels:
            {
                enabled:false
            }

        },

        plotOptions: {
            bar: {
                dataLabels: {
                    enabled: true
                }
            }
        },


        series: [{
            name: 'Employment',
            data: [107, 31, 635, 203]
        }, {
            name: 'Internship',
            data: [973, 914, 4054, 732]
        }]
    });
});

私が見逃しているものはありますか？

4

1 に答える 1

3

はい、タイプを 'bar' から 'column' に変更する場合、plotOptions で同じことを行う必要があります。また、以下に示すように 'bar' を 'column' に変更します。

$(function () {
        $('#container').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Historic World Population by Region'
            },
            subtitle: {
                text: 'Source: Wikipedia.org'
            },
            xAxis: {
                categories: ['Nominated', 'Approved','Rejected', 'Pending']

            },
            yAxis: {
                labels:
                {
                    enabled:false
                }

            },

            plotOptions: {
                column: {
                    dataLabels: {
                        enabled: true
                    }
                }
            },


            series: [{
                name: 'Employment',
                data: [107, 31, 635, 203]
            }, {
                name: 'Internship',
                data: [973, 914, 4054, 732]
            }]
        });
    });

http://jsfiddle.net/LuxRK/1/でフィドルを更新しました

于 2013-06-13T08:57:12.787 に答える