1

単一の xAxis カテゴリと 4 つの個別のデータ シリーズ (それぞれが単一のデータ項目を含む) を使用しています。残念ながら、Highcharts 3.0 ベータ版を使用して簡単な ColumnChart を作成しようとすると、グラフが表示されません。

chartB = new Highcharts.Chart({
            chart: {
                renderTo: 'containerB',
                type: 'column'
            },
            title: {
                text: 'Monthly Average Rainfall'
            },
            subtitle: {
                text: 'Source: WorldClimate.com'
            },
            xAxis: {
                categories: [
                    'Jan' //Just one category
                ]
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Rainfall (mm)'
                }
            },
            legend: {
                enabled: false
            },
            tooltip: {
                formatter: function() {
                    return ''+
                        this.x +': '+ this.y +' mm';
                }
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0
                }
            },
                series: [{
                name: 'Tokyo',
                data: [49.9] //One data point for each series element.

            }, {
                name: 'New York',
                data: [83.6]

            }, {
                name: 'London',
                data: [48.9]

            }, {
                name: 'Berlin',
                data: [42.4]

            }]
        });

http://jsfiddle.net/7CJhf/5/をご覧ください。

回避策は、空のカテゴリ ('') とゼロの値を各シリーズ アイテムに追加することですが、これにより列セットが左に移動します。単一のデータ ポイントを使用して、Highcharts 3.0 ベータ版で縦棒グラフを作成するための適切な回避策はありますか?

4

1 に答える 1

2

この問題は、問題1535の前に、長さ1のスタック列で発生しました。これは、最新のマスターブランチhighchart.src.jsおよびhighcharts-more.src.jsで修正されています。ここでscript-referencesを生のgithub参照に更新してみてください。そうすれば、問題なく動作するはずです。

于 2013-03-19T10:58:26.850 に答える