Javascript 如何通过onClick（）函数保留highchart折线图-php mysql

我有两个文件 1.Analytics.php 2.获取_data_journ.php

Analytics.php代码

 function show_journal(jour_id){
   $.post("journal_table/get_data_journ.php", {JOURNID: ""+jour_id+""},  function(data_jour){   

        var options = {
            chart: {
                renderTo: 'container_journal',
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false           
            },

             xAxis: {
                 title: {
                    text: 'Year'
                },
                 categories: []
                },

               yAxis: {
                    title: {
                        text: 'Number of Citations'
                    },
                    plotLines: [{
                        value: 0,
                        width: 1,
                        color: '#808080'
                    }]
                },

            series: [{
                type: 'line',
                name: 'Citations',
                data: []

            }]


        }


        $.getJSON("journal_table/get_data_journ.php", {JOURNID:jour_id}, function(data_jour) {
            options.series[0].data = data_jour;

            chart = new Highcharts.Chart(options);
        });

}); 
}


  echo '<a href="#" style="text-decoration: none; color: #000;" onClick="show_journal('.$jour_id.')">'.$jour_title.'</a>';

 <?php
  include '../connect.php';

  $get_journid = $_REQUEST['JOURNID'];

  $result_journ = mysql_query("SELECT year, citations, jour_id FROM journ_graph WHERE  jour_id = '$get_journid'");

  $rows_journ = array();
   while($r_journ = mysql_fetch_array($result_journ)) {
 $row_journ[0] = $r_journ[0];
 $row_journ[1] = $r_journ[1];
 array_push($rows_journ,$row_journ);
 }

 print json_encode($rows_journ, JSON_NUMERIC_CHECK);

 ?>

功能显示日志（jour\u id）{
$.post（“journal_table/get_data_journ.php”，{JOURNID:+jour_id+“”}，函数（data_jour）{
变量选项={
图表：{
renderTo:“容器日志”，
plotBackgroundColor:null，
plotBorderWidth:null，
plotShadow:false
},
xAxis：{
标题：{
正文：“年”
},
类别：[]
},
亚克斯：{
标题：{
正文：“引用次数”
},
绘图线：[{
值：0，
宽度：1，
颜色：'#808080'
}]
},
系列：[{
键入：“行”，
名称：“引文”，
数据：[]
}]
}
$.getJSON（“journal\u table/get\u data\u journ.php”，{JOURNID:jour\u id}，函数（data\u jour）{
选项。系列[0]。数据=数据；
图表=新的高点图表。图表（选项）；
});
}); 
}
回声'；

get\u data\u journ.php代码

 function show_journal(jour_id){
   $.post("journal_table/get_data_journ.php", {JOURNID: ""+jour_id+""},  function(data_jour){   

        var options = {
            chart: {
                renderTo: 'container_journal',
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false           
            },

             xAxis: {
                 title: {
                    text: 'Year'
                },
                 categories: []
                },

               yAxis: {
                    title: {
                        text: 'Number of Citations'
                    },
                    plotLines: [{
                        value: 0,
                        width: 1,
                        color: '#808080'
                    }]
                },

            series: [{
                type: 'line',
                name: 'Citations',
                data: []

            }]


        }


        $.getJSON("journal_table/get_data_journ.php", {JOURNID:jour_id}, function(data_jour) {
            options.series[0].data = data_jour;

            chart = new Highcharts.Chart(options);
        });

}); 
}


  echo '<a href="#" style="text-decoration: none; color: #000;" onClick="show_journal('.$jour_id.')">'.$jour_title.'</a>';

 <?php
  include '../connect.php';

  $get_journid = $_REQUEST['JOURNID'];

  $result_journ = mysql_query("SELECT year, citations, jour_id FROM journ_graph WHERE  jour_id = '$get_journid'");

  $rows_journ = array();
   while($r_journ = mysql_fetch_array($result_journ)) {
 $row_journ[0] = $r_journ[0];
 $row_journ[1] = $r_journ[1];
 array_push($rows_journ,$row_journ);
 }

 print json_encode($rows_journ, JSON_NUMERIC_CHECK);

 ?>

---

如果您已经创建了图表，在第二个用户选择中，您可以使用它将序列添加到图表中，而不是创建新图表