Highcharts 3.0 beta中的单类别柱形图

时间:2013-03-19 10:40:09

标签: highcharts

我使用单个xAxis类别和4个离散数据系列(每个包含一个数据项)。不幸的是,当我尝试使用Highcharts 3.0 beta构建一个简单的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 beta的柱形图,使用单个数据点?

1 个答案:

答案 0 :(得分:2)

我在issue 1535之前遇到了这个问题,其长度为1的堆叠列。这在最新的主分支highchart.src.jshighcharts-more.src.js中得到修复。尝试在这里更新对原始github引用的脚本引用,它应该可以正常工作。