小编abh*_*xit的帖子

如何制作堆积柱图以显示总数据值

我想显示下面每列顶部显示的所有列的总数是我想要获取图表的链接. http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-stacked/ 以下是我正在使用的代码.

$(function () {
    $('#container').highcharts({

        chart: {
            type: 'column'
        },

        title: {
            text: 'Total fruit consumtion, grouped by gender'
        },

        xAxis: {
            categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
        },

        yAxis: {
            allowDecimals: false,
            min: 0,
            title: {
                text: 'Number of fruits'
            }
        },


        tooltip: {
            formatter: function() {
                return '<b>'+ this.x +'</b><br/>'+
                    this.series.name +': '+ this.y +'<br/>'+
                    'Total: '+ this.point.stackTotal;
            }
        },

       plotOptions: {
            column: {
                stacking: 'normal',
                dataLabels: {
                    enabled: true,
                    color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white' …
Run Code Online (Sandbox Code Playgroud)

highcharts

8
推荐指数
1
解决办法
9242
查看次数

Highchart不支持Google Chrome

高图表不适用于Chrome,而相同的图表在Firefox上运行正常.

function display()
{

     $(function () {
        $('#container1').highcharts({
            chart: {
                type: 'bar'
            },
            title: {
                text: 'Showing Requested,Processed and Relayed status on '
            },
            subtitle: {
                text: 'Domain wise Break Down'
            },
            xAxis: {
                categories: ['Gmail', 'Yahoo', 'Rediff', 'Hotmail', 'Others'],
                title: {
                    text: null
                }
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Request/Relay Status',
                    align: 'high'
                },
                labels: {
                    overflow: 'justify'
                }
            },
            //tooltip: {
             //   valueSuffix: ' millions'
            //},
            plotOptions: {
                bar: {
                    dataLabels: {
                       // enabled: true …
Run Code Online (Sandbox Code Playgroud)

javascript google-chrome highcharts

5
推荐指数
1
解决办法
5457
查看次数

标签 统计

highcharts ×2

google-chrome ×1

javascript ×1