具有多个dataLabels的Highcharts

时间:2016-07-06 08:48:38

标签: php highcharts

我使用Highcharts显示不同月份的交易状态。图表显示正常。为了显示每个月的交易数量,我在每列的顶部放置了一个数据标签。代码如下:

  $(function () { 
                $('#hc').highcharts({
            chart: {
                renderTo: 'container',
                type: <?php echo $type ; ?>,
                marginRight: 130,
                marginBottom: 35
            },               

            title: {
                text: 'Transaction Status',
                x: -20 
            },
            subtitle: {
                text: '',
                x: -20
            },
            xAxis: {                    
                categories: <?php echo $monnth_series ?>

            },
            yAxis: {
                title: {
                    text: 'Transactions'
                },                  
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            plotOptions: {
            series: {
                dataLabels: {
                    enabled: true,                       
                    color: '#fff',
                    style: {fontWeight: 'bold'},
                    formatter: function() {return this.y},  
                    y: -5,                                              
                    rotation: 360
                },                  
                column: {                        
                    pointPadding: .2,
                    groupPadding: 0,
                    borderWidth: 1
                  }                  
                }
            },
            tooltip: {
                formatter: function() {
                        return '<b>'+ this.series.name  +': '+ this.y; +'</b>'

                }
            },
            credits: { enabled: false },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'top',
                x: -6,
                y: 90,
                borderWidth: 0
            },

            series: <?php echo $series_data ?>
         });
            });

现在我想在列的主体上放置另一个数据标签,它将显示事务的类型。 如果我试试

formatter: function() {return this.series.name},    
inside: true,   

然后数据标签正确显示,但列顶部的数据标签没有显示。

有关如何做到这一点的任何想法?

0 个答案:

没有答案