Question

我已经写了这个脚本来显示条形图。完美地工作

<?php
    $dataPoints = array( 
        array("y" =>$val3 ,"label" => "Potentiomètre 3" ),
        array("y" =>$val2 ,"label" => "Potentiomètre 2" ),
        array("y" =>$val1 ,"label" => "Potentiomètre 1" )
    );
    ?>
    <div id="chartContainer" style="height: 250px; width: 100%; data-wow-duration="0ms" data-wow-delay="20ms""></div>
    <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
    <script>
    window.onload = function() {
    var chart = new CanvasJS.Chart("chartContainer", {
    animationEnabled: true,
        axisY: {
            suffix:  "%"
        },
        data: [{
            type: "bar",
            yValueFormatString: "#,##0'%'",
            indexLabel: "{y}",
            indexLabelPlacement: "inside",
            indexLabelFontWeight: "bolder",
            indexLabelFontColor: "white",
            dataPoints: <?php echo json_encode($dataPoints, JSON_NUMERIC_CHECK); ?>
        }]
    });
    chart.render();

    }
    </script>

问题是，当我添加此代码进行刷新时，仅页面的一部分

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

    <script type="text/javascript">

       setInterval("my_function();",0000); 
       function my_function(){
       $('#refresh').load(location.href + ' #time');
          }

</script>
<div id="refresh"><div id="time">
//part of page I want to refresh, bar chart included
</div></div>

我提到的部分中只有一些表刷新（表中的某些值），但条形图是在加载时出现的，这是我的第一次，直到永远都消失了，即使它包含在同一部分中也是如此。任何人都可以解决这个问题吗？谢谢

条形图不刷新但消失

0 个答案: