0

チャートの一部のラベルを無効にする可能性があります

$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'bar'
            },
            title: {
                text: 'Historic World Population by Region'
            },
            subtitle: {
                text: 'Source: Wikipedia.org'
            },
            xAxis: {
                categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania'],
                title: {
                    text: null
                }
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Population (millions)',
                    align: 'high'
                },
                labels: {
                    overflow: 'justify'
                }
            },
            tooltip: {
                formatter: function() {
                    return ''+
                        this.series.name +': '+ this.y +' millions';
                }
            },
            plotOptions: {
                bar: {
                    dataLabels: {
                        enabled: true
                    }
                }
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'top',
                x: -100,
                y: 100,
                floating: true,
                borderWidth: 1,
                backgroundColor: '#FFFFFF',
                shadow: true
            },
            credits: {
                enabled: false
            },
            series: [{
                name: 'Year 1800',
                data: [107, 31, 635, 203, 2]
            }, {
                name: 'Year 1900',
                data: [133, 156, 947, 408, 6]
            }, {
                name: 'Year 2008',
                data: [973, 914, 4054, 732, 34]
            }, {
                name: 'Year 2009',
                data: [873, 614, 4054, 732, 34]
            }, {
                name: 'Year 2010',
                data: [573, 1500, 4054, 732, 34]
            }, {
                name: 'Year 2012',
                data: [373, 1380, 4054, 732, 34]
            }]
        });
    });

});

http://jsfiddle.net/tkGFr/

たとえば、このチャートにはすべてのラベルが表示され、そのうちの2つまたは3つ(1800、1900、2009年)のみを有効にして、他のオプション(2008、2010、2012年)を常に維持する可能性があります。

これは可能ですか?

私はあなたの助けとアドバイスに感謝します:D

4

2 に答える 2

1

私が推測するように、凡例で「1800、1900、2009年」を有効にしてグラフに表示したいのですが、それ以外は凡例でのみ表示しますか?はいの場合、表示パラメータを使用できます

{
            name: 'Year 1800',
            visible: false,
            data: [107, 31, 635, 203, 2]
        }
于 2013-02-08T09:24:49.470 に答える
0

showInLegendでさえ:false; に使える; 伝説に隠れたいなら。

于 2015-09-11T12:15:34.760 に答える