0

ハイチャートの 3 つの例があります。グラフィックス

    <!-- add styles -->
    <link href="css/main.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../css/miestilo.css" type="text/css" media="all" />

    <!-- add scripts -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
    <script src="js/highcharts.js"></script>
    <script src="js/gray.js"></script>
    ***<script src="js/chart1.js"></script>
    <script src="js/chart2.js"></script>
    <script src="js/chart3.js"></script>
    <script src="js/chart....js"></script>***

</head>

そして、ボタンのjavascriptを使用してそれらを個別に呼び出したい

<ul>
    <li id='show-a'><a href='javascript:void(0);'>CHART 1</a></li>
    <li id='show-b'><a href='javascript:void(0);'>CHART 2</a></li> 
    <li id='show-c'><a href='javascript:void(0);'>CHART 3</a></li> 
</ul>  

$('#show-a a').live('click',function(){
    firstChart();
    $('#show-a').html('<a href="javascript:void(0);">CHART 1</a>');
});  

$('#show-b a').live('click',function(){
    firstChart();
    $('#show-b').html('<a href="javascript:void(0);">CHART 2</a>');
});

$('#show-c a').live('click',function(){
    firstChart();
    $('#show-c').html('<a href="javascript:void(0);">CHART 3</a>');
});    

http://fiddle.jshell.net/jlbriggs/TRd7f/

この例に似ています

誰が私がどうすればよいか教えてもらえますか?

ありがとう

4

0 に答える 0