Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌图表在图表区显示不正确_Javascript_Jquery_Css_Charts_Google Visualization - Fatal编程技术网

Javascript 谷歌图表在图表区显示不正确

Javascript 谷歌图表在图表区显示不正确,javascript,jquery,css,charts,google-visualization,Javascript,Jquery,Css,Charts,Google Visualization,实际上,在使用动态数据实现时,我面临着与Google图表相关的问题。这里的问题是,当我点击一个标签时,特定的数据必须显示在图表中。假设像点击当天一样,在图表中显示下面的结果 按下选项卡后,表示上周按下后,图表区域中的图表显示不正确 假设你今天再按一次,字符显示如下 这里的图表区域在第一次单击和第二次单击后工作不正常 `google.charts.load('current', { 'packages': ['bar'] }); $('#t1').click(function () {

实际上,在使用动态数据实现时,我面临着与Google图表相关的问题。这里的问题是,当我点击一个标签时,特定的数据必须显示在图表中。假设像点击当天一样,在图表中显示下面的结果

按下选项卡后,表示上周按下后,图表区域中的图表显示不正确

假设你今天再按一次,字符显示如下

这里的图表区域在第一次单击和第二次单击后工作不正常

`google.charts.load('current', { 'packages': ['bar'] });

$('#t1').click(function () {
    google.charts.setOnLoadCallback(BarC);
    function BarC() {

        var jsonData = $.ajax({
            type: 'GET',
            url: xxxx.xxxx.xxxx,

            dataType: 'json',

        }).done(function (results) {

            var data = new google.visualization.DataTable();
            data.addColumn('string', 'data1');
            data.addColumn('number', 'data2');
            data.addColumn('number', 'data3');
            data.addColumn('number', 'data4');

            data.addRows(results.length);
            for (i = 0; i < results.length; i++) {
                data.setValue(i, 0, results[i]["data1"]);
                data.setValue(i, 1, parseInt(results[i]["data2"]));
                data.setValue(i, 2, parseInt(results[i]["data3"]));
                data.setValue(i, 3, parseInt(results[i]["data4]));
            }

            var options = {

                backgroundColor: 'transparent',

                bars: 'vertical',
                chartArea: { left: 0, top: 0, width: '100%', height: '100%' }// Required for Material Bar Charts.
            };

            var chart = new google.charts.Bar(document.getElementById('chart'));
           chart.draw(data, google.charts.Bar.convertOptions(options));
        }
        );
    }

});`
`google.charts.load('current',{'packages':['bar']});
$('#t1')。单击(函数(){
google.charts.setOnLoadCallback(BarC);
函数BarC(){
var jsonData=$.ajax({
键入:“GET”,
网址:xxxx.xxxx.xxxx,
数据类型:“json”,
}).完成(功能(结果){
var data=new google.visualization.DataTable();
data.addColumn('string','data1');
data.addColumn('number','data2');
data.addColumn('number','data3');
data.addColumn('number','data4');
data.addRows(results.length);
对于(i=0;i
试试看

google.charts.setOnLoadCallback(function() {

  $('#t1').click(function () {
    // ...
  });

  $('#t2').click(function () {
    // ...
  });

  // ...

});

我总共有16个选项卡,因此我需要为每个like提供?你的意思是什么?实际上,我创建了引导旋转木马,在旋转木马的每个幻灯片中我有4个选项卡。幻灯片1-4选项卡、幻灯片2-4选项卡、幻灯片3-4选项卡、幻灯片4-4选项卡,在每个选项卡中,我显示图表需要等到图表的容器可见后再绘制图表。检查ans我们在这里-->