Highcharts 中文社区

 找回密码
 立即注册
查看: 446|回复: 1

[已解决] 在一个页面展示两个图,结果都显示不了

[复制链接]
  • TA的每日心情
    开心
    2016-3-8 11:08
  • 签到天数: 2 天

    [LV.1]初来乍到

    3

    主题

    8

    帖子

    54

    积分

    HC 新手

    Rank: 1

    积分
    54
    发表于 2016-3-8 11:11:27 | 显示全部楼层 |阅读模式
    本帖最后由 sokayu 于 2016-3-8 11:20 编辑

    不知道为什么, 想在同一个网页里分别显示一个pie图和折线图, 已经定义了  $('#Pichart').highcharts 和  $('#Line').highcharts
    但是结果就是显示不出来。
    在body里面删掉其中一个div就可以只显示一个。
    不知道是哪里设置得不对。跪求解决办法


    ~~~~~补充代码~~~~~~~~

    $(function () {

        $(document).ready(function () {

            // Build the chart
            $('#piechart').highcharts({
                chart: {
                    plotBackgroundColor: null,
                    plotBorderWidth: null,
                    plotShadow: false
                },
                title: {
                    text: 'AGoodPieChart'
                },
                            legend: {align: 'left',
                         layout: 'vertical'
                },
                tooltip: {
                    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
                },
                plotOptions: {
                    pie: {
                        allowPointSelect: true,
                        cursor: 'pointer',
                        dataLabels: {
                            enabled: false
                        },
                        showInLegend: true
                    }
                },
                series: [{
                    type: 'pie',
                    name: 'Pichart',
                    data: [
                        ['ABC',   20],
                        ['EFG',       20],
                        ['HIJ',    20],
                        ['LMN',     20],
                        ['OPQ',   20]
                    ]
                }]
            });
        });

    });



    $(function () {

            // Create the chart
            $('#Compare').highcharts('StockChart', {

                title : {
                    text : 'Two Stocks'
                },
                 yAxis: [{ // Primary yAxis
                labels: {
                },
            }, {
                labels: {
                   },
                             
            }],
                series : [{
                    name : '恒生指数',
                                    color: "#ff0000",
                                                yAxis: 1,

                    data : <?php echo $HSIndex;?>,
                    tooltip: {
                        valueDecimals: 2
                    }       
                }, {
                                    name : 'Value',
                                   
                                    color: "blue",
                    data : <?php echo $Pofolio;?>,
                    tooltip: {
                        valueDecimals: 3
                    }
                            }]
        });

    });


    本帖被以下淘专辑推荐:

  • TA的每日心情
    开心
    2017-1-25 11:33
  • 签到天数: 581 天

    [LV.9]以坛为家II

    5

    主题

    793

    帖子

    1万

    积分

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    12513

    论坛元老

    发表于 2016-3-8 13:08:38 | 显示全部楼层
    F12看有没有错误提示。
    Highcharts 中文网论坛管理团队

    我们提供:商业授权技术支持图表定制VIP服务 等相关支持服务
    在线客服:2133220776(QQ,非技术,工作日 10:00 ~ 17:00)
    新浪微博:http://weibo.com/highcharts
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

    站长推荐上一条 /1 下一条

    快速回复 返回顶部 返回列表