highcharts问题 急急急急！

 有过highcharts开发经验的帮帮忙了。

解决方案 »

  1.   

    我对其做了修改， 看看是否合适。
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Highcharts Example</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(function () {
            $('#container').highcharts({
                chart: {
                    type: 'bar'
                },
                title: {
                    text: 'Historic World Population by Region'
                },
                subtitle: {
                    text: 'Source: Wikipedia.org'
                },
                xAxis: {
                    categories: ['A店', 'B店'],
                    title: {
                        text: null
                    }
                },
                yAxis: {
                    min: 0,
                    title: {
                        text: 'Population (millions)',
                        align: 'high'
                    },
                    labels: {
                        overflow: 'justify',
    formatter: function() {
                            return this.value +'%';
    }
                    }
                },
                tooltip: {
                    formatter: function() {
    var d = 0;
    var point = this.point;
    if (point.category == 'A店')
    d = point.y * 100;
    else
    d = point.y * 200;
    var s = point.category + '<br>' + d + ' millions ';
                        return s;
                    }
                },
                plotOptions: {
                    bar: {
                        dataLabels: {
                            enabled: true,
    formatter: function() {
    var series = this.series;
    var ld = 0;
    if (series.name == 'A店')
    ld = this.y * 100;
    else
    ld = this.y * 200;
    return ld +' millions';
    }
                        }
                    }
                },
                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: [50, 100]
                }, {
                    name: 'Year 1900',
                    data: [100, 50]
                }, {
                    name: 'Year 2008',
                    data: [50, 50]
                }]
            });
        });
         </script>
    </head>
    <body>
    <script src="../../js/highcharts.js"></script>
    <script src="../../js/modules/exporting.js"></script><div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div> </body>
    </html>